/* CSS de la ville de tremblay */

@import url("compte.css");

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


:root {/* À mettre en premier dans les CSS ! */
	--main: #0B2138;/* Bleu nuit */
		--mainpale: #38BBD2;/* Bleu clair */
			--mainlight: #CADDDF;/* Bleu pale */
				--mainmorepale: #DDE7EC;/* Bleu ultra pâle */

	--secondary: #CD1618;/* Rouge */
		/*--secondarypale: #***;*/

	--third: #1FB578;/* Vert */
		--thirdpale: #D7EAD9;/* Vert pale */
			/*--thirdmorepale: #FDF6CC;*/

	/*--fourth: #69E19B;*/
		/*--fourthpale: #D7EAD9;*/
			/*--fourthmorepale: #***;*/

	--fifth: #3F5975;/* Bleu */
		/*--fifthmorepale: #***;*/

	--search: var(--greypale);/* gris fond recherche */

/*#E3E3E3 /* Gris clair */

	--greypale: #F1F7FA; /* Gris pâle */

	/* Couleurs récurrentes entre projets + variantes */
	--link: var(--secondary);
	--red: var(--bs-danger);/* Couleur Bootstrap Package */
	--reda11y: #D22747;/* Rouge A11Y */

	--grey: #f5f5f5;/* gris clair de fond */
		--grey-text: #666;

	--dark: #222;/* noir du texte */
	--white: #fff;
	/*--grey-alternate: #DCE0EA;*/
	--grey-border: #DDD;

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

	/* Ombres récurrentes */
	--ombre: 0 0 10px rgb(0 0 0 / 25%);
	--ombre-menu: 0 0 20px 0 rgba(0,0,0,.1);
	--ombre-outline : 0 0 0 1px #fff, 0 0 0 3px var(--dark);
}


/* 00 = FONTS */
/* Montserrat Regular */
@font-face {
  font-family: 'Montserrat Regular';
  src: url('../Fonts/montserrat-regular.woff2') format('woff2'),
       url('../Fonts/montserrat-regular.woff') format('woff');
  font-style: normal;
  font-weight: normal;
}
/* Montserrat Bold */
@font-face {
  font-family: 'Montserrat Bold';
  src: url('../Fonts/montserrat-bold.woff2') format('woff2'),
       url('../Fonts/montserrat-bold.woff') format('woff');
  font-style: normal;
  font-weight: normal;
}
/* Montserrat Regular */
body,
.site-main .section-home .section-home-title,
.pagination .btn-group .btn,
.practical-info .practical-info-public .category,
.main-navigation .item-link:is(.link-level-2,.link-level-3),
.home .page-header-home .lead,
.filters .submit .btn-reset,
.practical-info-item .events-dates .date .hour {
	font-family: 'Montserrat Regular',sans-serif;
	font-weight: 400;
}
/* Montserrat Bold */
.main-navigation .item-link,
.main-navigation .active > .item-link:is(.link-level-2,.link-level-3),
.main-navigation .house-link,
.navbar-mainnavigation.navbar-default-transition .dropdown-menu .rubrique .return-level-prev,
.main-navigation-button .d-lg-block,
.footer-btn .link-page,
.strong,
.footer-connected .btn-connected,
.rte-content .page-title,
.rte-content .lead,
.site-tools-dropdown .btn-tools .text,
table:not(.ui-datepicker-calendar) thead th,
.files-list-default .media-title, 
.media-list-default .media-title,
.category,
.arrow,
.modal-cookie-consent-header .modal-cookie-consent-title,
.site-main .section-home .section-home-title span,
.quick-access-last .btn-access,
.rte-content strong,
.events-list .date,
.kiosque-item :is(.link-view,.link-download),
.pagination .btn-group .btn.current,
.events-dates .btn-dates,
.rte-content .annuaire-page .text1,
.kiosque-body .subtitle,
.modal-share .frame-title,
.sites-list .sites-item .sites-title,
.page-header-text .page-subtitle,
.elected-list .item-directories-caption .text1,
.footer-top .footer-text strong,

.flash-info .title,
.flash-info .link,
.accordion-section .accordion-item .accordion-header .accordion-button.menuSection-button,
.rte-content h2,
.rte-content .h2,
.rte-content h3,
.rte-content .h3,
.form-horizontal .form-title,
.rte-content h4,
.rte-content .h4,
.rte-content h5,
.rte-content .h5,
.btn,
.btn-primary,
.btn-secondary,
.btn-info,
.btn-default,
.article-profil .link,
.rte-content .link-button,
.filters .label,
.directories-single-text .directories-single-item a,
/*.rte-content .col-right .frame .annuaire-page .organizer-item-title,*/
/*.rte-content .annuaire-page p:is(.organizer-phone,.organizer-email),*/
.accordion-filters .accordionFilters-button,
.menu-subpages .header-subpages,
.site-footer .textmedia-text strong,
.section-une .une-link-body,
.btn-primary.btn-plus,
.rte-content .col-right .bloc-news .page-item .title,
.rte-content .h1,
.header-link .contact,
.header-menu .list-group-item .link,
.footer-address .frame-type-text p strong,
.footer-liens-direct .liens-direct-title,
.rte-content .frame-type-menu_section .accordion-header .accordion-button,
.kiosque-text .kiosque-details,
.files-list-kiosque .kiosque-buttons .link,
.number .number-item-key,
.page-poll .btn-cancel,
.events-list .home-events-item::after,
.menu-subpages .title,
.home-news-list .card-body .card-title,
.news-item .card-title,
.home-events-item .card-title,
.events-list .home-events-item.cancelled .item::after,
.events-list .home-events-item.cancelled .events-link::after,
.single-content .cancelled::after,
.calendar .ui-datepicker th,
.kiosque-item .kiosque-title,
.in-town-links .link,
.section-home-gallery .overlay .title,
.col-right .menu-subpages .link:is(:focus-visible,:focus,:hover,:active) .title,
.single-agenda-map .map-info-title,
.single-organizer .organizer-title,
.btn-secondary,
.events-item::after,
.rte-content .annuaire-page .btn-more,
.single-events .title-right,
.single-events .h2,
.rte-content .accordion-header,
.directories-list .item-directories-caption .title,
.site-footer :is(.frame-type-text,.frame-type-menu_subpages) .element-header,
.recrute-item .title,
.navbar-body_header-title,
.connexion-shorcut-item__header .modify,
.shortcut-list__item--text .shortcut-list__item--favoris__title,
.rte-content .tab-content-title,
.shortcut-list__item--favoris--events.favoris-seemore a,
.form-horizontal .btn-close,
.form-horizontal .btn-valid {
	font-family: 'Montserrat Bold',sans-serif;
	font-weight: 400;
}
/* FONT AWESOME ARTIFICA */
.main-navigation-button::before,
.main-navigation .link-has-children::after,
.frame-type-menu_subpages .link::after,
.page-header-share .bookmarked::after,
.rte-content .siblings-item::before,
.section-quick-access .target-blank::after,
.header-right .btn-recherche::before,
.events-body .date::before,
.page-poll-content .btn-yes::before,
.page-poll-content .btn-no::before,
.site-footer .link-phone::before,
.site-footer .link-page::before,
.practical-info-reservation .btn-reserve::before,
.practical-info-reservation .addEvents::before,
.section-home .btn-primary::after,
.kiosque-item .link::before,
.singleAnnonces .annonce-description li::before,
.menu-subpages .link::after,
.directories-list .filters-results .item-directories::after,
.menus .print-button .icon-print::before,
.rss-form .link::before,
.external .picture-overflow::after,
.external .picture-date::after,
.expos .mediaListExpositions-back::before,
.mediaListExpositions .blueimp-gallery :is(.next,.prev)::before,
.rubrique .return-level-prev::before,
.other-sites::before,
.site-footer .to-page-top::before,
.footer-top .footer-icon p::before,
.footer-btn .link-page::before,
.footer-connected .btn-connected::before,
.container-player-video button.container-player-play::before,
.rte-content .link-button::after,
.arrow .icon::before,
.rte-content .section-quick-access .btn-access::before,
.events-list .date .time-complex .date-end::before,
.practical-info-item .link::after,
.events-dates .btn-dates::after,
.annuaire-page .textmedia-text .btn-primary::after,
.events-list .external .link::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'fontawesome' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* 02 = STYLES GLOBAUX = client.css */
a,
.frame a[class=""], 
.frame a:not([class]) {/* .rte-content a, .rte-content .frame a => très mauvaise idée // gabarits diaporama, etc. */
	color: var(--link);
	text-decoration: underline;
}
a:is(:focus,:hover,:active),
.frame a[class=""]:is(:focus,:hover,:active), 
.frame a:not([class]):is(:focus,:hover,:active) {
	color: var(--link);
	text-decoration: none;
}
.btn-primary,
.btn-secondary,
.btn-info,
.btn-default,
.footer-btn .link-page {
	border: 1px solid var(--secondary);
	background-color: var(--secondary);
	color: var(--white);
}
.btn-primary,
a.btn-primary {
	/*text-transform: uppercase;*/
}
.btn-primary:is(:focus-visible,:focus,:hover,:active),
a.btn-primary:is(:focus-visible,:focus,:hover,:active),
:not(.btn-check)+.btn-primary:is(:focus-visible,:focus,:hover,:active),
.btn-default:is(:focus-visible,:focus,:hover,:active),
:not(.btn-check)+.btn-default:is(:focus-visible,:focus,:hover,:active),
.footer-btn .link-page:is(:focus-visible,:focus,:hover,:active) {
	border: 1px solid var(--secondary);
	background-color: var(--white);	
	color: var(--secondary);
	box-shadow: none;
  outline: none;
}
.btn-primary:disabled {
	background-color: #e5e5e5;
	color: #929292;
}
	.btn-primary .fa-regular {
		color: var(--main);
		transition: color .3s;
	}
	.btn-primary:is(:focus-visible,:focus,:hover,:active) .fa-regular {
		color: var(--white);
	}
.btn-info {/* ex flash-info */
  border-color: var(--white);
	background-color: var(--white);
	color: var(--main);
}
.btn-info:is(:focus-visible,:focus,:hover,:active) {
  border-color: var(--main);
	background-color: var(--main);
	color: var(--white);
}
.btn-secondary,
.btn-secondary:disabled,
.btn-secondary.disabled {
	border: 2px solid var(--main);
  background: var(--main) url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba%28255, 255, 255, 1%29' viewBox='0 0 64 64' preserveAspectRatio='none'%3E%3Crect x='0' y='0' width='64' height='64' /%3E%3C/svg%3E") 0 0 no-repeat;
  background-size: 0 100%;
	color: var(--white);
}
.btn-secondary:is(:focus-visible,:focus,:hover,:active),
.btn-secondary:first-child:active,
:not(.btn-check)+.btn-secondary:active {
  border-color: var(--main);
	background-color: var(--white);
	background-size: calc(100% + .125rem) calc(100% + .125rem);
	color: var(--main);
	box-shadow: none;
  outline: none;
}
.btn-plus {
  border-radius: 25px;
  height: 50px;
  background-color: var(--white);
  color: var(--main);
  text-transform: inherit;
}
.btn-plus:is(:focus-visible,:focus,:hover,:active),
.btn-plus.btn:first-child:active {
  background-color: var(--secondary);
  color: var(--white);
}
	.btn-plus::after {
		color: var(--secondary);
		transition: color .3s;
	}
	.btn-plus:is(:focus-visible,:focus,:hover,:active)::after {
		color: var(--white);
	}
.category {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 0 0 28px;
  width: fit-content;
  background: url("../Img/tremblay_sprite.svg#points-bleus") no-repeat 0 1px / 21px 12px;
  color: var(--secondary);
  font-size: .875em;
  line-height: 1;
}
.frame-type-html .category {/* démarches interactive */
  display: inline-flex;
  align-items: flex-start;
  justify-content: center;
  padding: 0;
  background: no-repeat;
}
.row {
	margin-left: -25px;
	margin-right: -25px;
}
/*.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl, on garde padding: 0 15px pour les containers ! */
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
  padding-left: 25px;
  padding-right: 25px;
}


/* 03 = STRUCTURE */
body:not(.home) {
	background: 
	url("../Img/tremblay_sprite.svg#cercle-stripes") no-repeat -150px 485px,
	url("../Img/tremblay_sprite.svg#cercle-stripes") no-repeat 1306px 1418px,
	url("../Img/tremblay_sprite.svg#cercle-stripes") no-repeat 806px 2930px, 
	url("../Img/tremblay_sprite.svg#cercle-stripes") no-repeat 1110px 4230px,
	var(--white);
	background-size: 700px 701px, 1000px 1000px, 500px 500px, 700px 700px;
	color: var(--main);
}
.site-main {
	scrollbar-color: var(--main) var(--mainlight);
}
	.site-main .page-body {
		padding: 40px 15px 60px;
	}


/* 04 = HEADER */
/* Flash Info */
body > .frame-none {
	position: relative;
	z-index: 1;/* ex 50... sinon Flash info au-dessus du menu ! */
}
	.flash-info {
		position: relative;
		z-index: 1;
		display: flex;
		align-items: center;
		padding: 20px 30px;
		background: #F1D2D8;
		color: var(--main);
	}
		.flash-info .container {
			display: flex;
    	gap: 20px;
			padding: 0;
		}
			.flash-info .flashinfo-icon {
				display: none;
				font-size: 32px;	
			}
			.flash-info .carousel {
				width: 100%;/* Sinon disparaît ! */
				overflow: unset;
			}
				.flash-info .carousel-inner {
					padding: 0;
				}
					.flash-info .carousel-item {
						display: flex;
						flex-direction: column;
						/*gap: 5px;*/
						padding: 0;
					}
						.flash-info .title {
							padding-right: 30px;
							color: var(--main);
							font-size: 1.125em;
							line-height: 1.5;
						}
						.flash-info .abstract {
							font-size: .9375em;
							line-height: 1.6;
						}
							.flash-info .abstract .link {
								color: var(--main);
								text-decoration: underline;
							}
							.flash-info .link:is(:focus-visible,:focus,:hover,:active) {
								text-decoration: none;
							}
					.flash-info :is(.carousel-control-prev, .carousel-control-next) {
						top: 50%;
						bottom: unset;
						transform: translateY(-50%);
					}
					.flash-info .carousel-control-prev {
						right: unset;
						left: -8%;
					}
					.flash-info .carousel-control-next {
						right: -8%;
					}
						.flash-info :is(.carousel-control-prev-icon, .carousel-control-next-icon) {
							background-color: transparent;
							color: rgba(255, 255, 255, .5);
							transition: .3s ease;
						}
						.flash-info :is(.carousel-control-prev, 
						.carousel-control-next):is(:focus-visible,:focus,:hover,:active) :is(.carousel-control-prev-icon, 
						.carousel-control-next-icon) {
							color: rgba(255, 255, 255, 1);
						}
		.flash-info .btn-close {
			position: absolute;
	    right: 0;
	    top: 0;
			display: flex;
			align-items: center;
			justify-content: center;
			border: 0;
	    height: 50px;
			margin-bottom: auto;
			padding: 0;
	    width: 50px;
			background: unset;
			color: var(--main);
			font-size: 1.125rem;
			opacity: 1;
			transition: .3s ease;
		}
		.flash-info .btn-close:is(:focus,:hover,:active) {
			box-shadow: unset;
			transform: scale(1.2);
		}
		.flash-info .btn-close:focus-visible {
			box-shadow: var(--ombre-outline);
		}

	/* Bouton ouverture menu desktop */
	.site-header .header-right {
    display: flex;
    flex-direction: row-reverse;
    margin-left: auto;
	}
		.header-right .main-navigation-button {
			height: 70px;
		  min-width: 70px;
		  background-color: var(--white);
		  color: var(--main);
		}
			.header-right .main-navigation-button::before {
				content: '\e918';
				font-size: 1.5625em;
			}		
		/* RECHERCHE : icône + dropdown-menu */
		/*.header-right .header-search {
			position: static;
			order: 3;
			justify-content: flex-end;
		}*/
			.header-right .btn-recherche {
				position: relative;
				border: none;
				border-radius: 0;
				box-shadow: none;
				height: 70px;
		    width: 70px;
		    background-color: var(--white);
		    color: var(--main);
		    font-size: 1.5rem;
				text-decoration: none;
			}
				.header-right .btn-recherche::before {
					content: '\e906';
				}
			.header-right .dropdown-menu {
		    position: fixed !important;
		    bottom: 0 !important;
		    left: 0 !important;
		    right: 0 !important;
		    top: 0 !important;
		    border: 0;
		    border-radius: 0;
		    height: inherit;
		    padding: 15px 10px 10px;
		    background: rgba(0, 0, 0, .75);
		    box-shadow: none;
		    transform: none !important;
			}
			.header-right .dropdown-menu.show {
				display: flex;
			}
				.search-form.show .search-form-body,
				.header-right .search-form-body {
					position: relative;
					border: 1px solid var(--fifth);
			    border-radius: 25px;
			    height: 50px;
			    padding: 0 0 0 20px;
			    width: calc(100% - 60px);
			    background-color: var(--greypale);
			    transform: none !important;
			    box-shadow: none;
				}
				.header-right .dropdown-menu .header-form {
					align-items: center;
					justify-content: space-between;
					height: 100%;
					width: 100%;
				}
					.header-right .label {
						width: 100%;
					}
						.header-right .input {
							border: none;
							width: 100%;
							background-color: inherit;
							color: var(--main);
						}
						.header-right .input:focus-visible,
						.header-right .input:focus {/* seulement sous mobile et tablette ! */
							box-shadow: none;
							outline: none;
						}
						.header-right .input::placeholder {
							color: var(--grey-text);
						}
					.header-right .search-button {
						border: 3px solid transparent;
						border-radius: 50%;
						height: 48px;
						padding: 0;
						min-width: 48px;
						background-color: transparent;
						color: var(--secondary);
						font-size: 1.25rem;
						line-height: 1;
						/*transition: all .3s;*/
					}
					.header-right .search-button:is(:focus-visible,:focus,:hover,:active) {
						border: 3px solid var(--greypale);
						background-color: var(--main);
						color: var(--white);
					}
				.dropdown-menu .close {
					position: absolute;
					right: -60px;
					top: 0;
					border: 0;
			    border-radius: 50%;
			    height: 50px;
			    width: 50px;
					height: 100%;
					background-color: var(--grey);
					color: var(--dark);
			    font-size: 20px;
					cursor: pointer;
				}
		.header-right .other-sites {
			border: 0;
	    height: 70px;
	    width: 70px;
    	background-color: transparent;
		}
			.header-right .other-sites::before {
				content: '\e979';
		    color: var(--secondary);
		    font-size: 1.25rem;
			}

/* Site-header */
#wrap {
	overflow: hidden; /* Pour le logo */
	/*z-index: 51;  Pour être au-dessus du Flash info : bug avec les popup !!! */
}
	.modal {

	}
	.skip-item {
		top: -500px; /* Visible au-dessus du Flash info */
	}
#wrap .site-header {
	position: relative;
	z-index: 3;/* 2 pas assez haut // header accueil */
  /*display: flex;*/
  padding: 0;
  box-shadow: none;
}
	.site-header .container {
		position: relative;
		display: flex;
		align-items: center;
		height: 70px;
		padding: 0 0 0 20px;
		transition: height .3s;
	}
		/* LOGO */
		.site-header .logo {
			position: relative;
    	z-index: 1;
		}
			.navbar-mainnavigation.navbar-default-transition .logo .navbar-brand {
		    display: flex;
		    align-items: center;
		    height: 100px;
		    width: 100px;
		    transition: margin-top .2s;
			}
			.navbar-mainnavigation.navbar-default-transition .logo .navbar-brand:is(:focus,:hover,:active) {
				/*animation: bounce 1s ease;*/
				margin-top: 10px;
			}
			/*@keyframes bounce {
			    0% { transform:translateY(0%); }
			    15% { transform:translateY(-15%); }
			    35% { transform:translateY(0%); }
			    50% { transform:translateY(-7%); }
			    65% { transform:translateY(0%); }
			    85% { transform:translateY(-3%); }
			    100% { transform:translateY(0); }
			}*/
			.navbar-mainnavigation.navbar-default-transition .logo .navbar-brand:focus-visible {
				box-shadow: var(--ombre-outline);
			}
				.logo .picture-header {
					height: 100%;
				}
		/* Blocs de droite */
		.site-header .header-right {
			display: flex;
		}
		/* MENU BOOTSTRAP + 3ème NIVEAUX */
			.header-menu .navbar-toggler {
				height: 60px;
				width: 60px;
			}
			.header-menu .navbar-toggler:focus {
				box-shadow: none;
			}
		/* Background gris */
		.main-navigation-background {
			position: fixed;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    top: 0;
	    z-index: 9990;
	    display: none;
	    height: 100vh;
	    width: 100vw;
	    background-color: rgba(0,0,0,.5);
	    transition: left .3s;
		}
		.main-navigation-background.show {
			display: block;
		}
		/* 1er niveau */
		.site-header .main-navigation {
	    position: fixed;
	    bottom: 0;
	    left: 0;
	    top: 0;
	    z-index: 9990;
	    min-height: 100vh;
	    width: 100%;
	    background-color: var(--main);
	    color: var(--white);
		}
			.main-navigation .scroll-wrapper {
				max-height: 100vh;
	    	color: var(--dark);
		    overflow-x: hidden;
				overflow-y: auto;
			}
				.main-navigation .dropdown-menu .scroll-wrapper .menu-links-top {
					border-bottom: 1px solid var(--grey-border);
				}
					.main-navigation .main-navigation-close {
				    border: 0;
				    height: 70px;
	    			padding: 0;
				    width: 70px;
				    background-color: var(--main);
				    color: var(--white);
				    font-size: .75rem;
				    transition: all .3s;
					}					
					.main-navigation .main-navigation-close:is(:focus,:hover,:active) {
				    transform: scale(1.5);
					}
				.main-navigation .scroll-wrapper .btn-secondary {
					margin: 0 auto 20px;
				}
				.main-navigation .scroll-wrapper .btn-secondary:is(:focus,:hover,:active) {
					border-color: var(--white);
				}
					.main-navigation .navigation li {
						margin: 0;
					}
						.main-navigation .item-link,
						.main-navigation .house-link {
							position: relative;
					    display: flex;
					    align-items: center;
					    height: 70px;
					    padding: 20px 30px;
					    text-decoration: none;
					    transition: all .3s;
						}
							.main-navigation .link-blank .title {
								position: relative;
							}
								.main-navigation .link-blank .title::after {
							    position: absolute;
									content: '\e941';
							    margin: 6px 0 0 3px;
							    font-size: .75em;
								}
						/* Liens avec sous-menu */
						.main-navigation .link-has-children {
					    background-color: transparent;
					    border: 0;
							padding-right: 52px;
					    width: 100%;
						}
							.main-navigation .link-has-children::after {
								position: absolute;
    						right: 30px;
								content: '\e931';
								font-size: 1.125rem;
							}
							.main-navigation .dropdown-menu .link-has-children::after {
								right: 0;
							}
						.main-navigation .house-link {
					    /*gap: 20px;*/
    					height: 70px;
					    padding: 0 0 0 68px;
					    width: calc(100% - 70px);
					    color: var(--white);
					    line-height: 1;
						}
							.main-navigation .house-link .fa-house-regular {
								position: absolute;
								left: 30px;
								top: calc(50% - 9px);								
								font-size: 1.125rem;
							}
						.main-navigation .link-level-1 {
  						gap: 10px;
							justify-content: space-between;
							color: var(--white);
					    line-height: 1.25;
					    text-align: left;
						}
						.main-navigation .link-level-1.show,
						.main-navigation :is(.active,.current) > .link-level-1,
						.main-navigation .house-link:is(:focus,:hover,:active) {
					    /*background-color: var(--secondary);
					    color: var(--white);*/
					    outline: none;
					    /*text-decoration: none;*/
					    text-decoration: underline;
						}
						.main-navigation .link-level-1:focus-visible,
						.main-navigation .house-link:focus-visible {
							outline-color: var(--white);
							outline-offset: -2px;
							outline: #fff solid;
						}
						.main-navigation .link-level-1:is(:focus,:hover,:active) {
					    /*background-color: var(--secondary);*/
							color: var(--white);
							text-decoration: underline;
						}
							.main-navigation .link-level-1 .title {
								text-decoration: none;
							}
							.main-navigation .link-level-1:not(.show,.active,.current):is(:focus,:hover,:active) .title {
								text-decoration: underline;
							}
							.main-navigation .item-link .fa-arrow-right {
								margin-left: auto;
							}
						.main-navigation .item-link.show {
							/*color: var(--main);*/
						}
							.item-link .fa-light {
								display: block;
								width: 50px;
								font-size: 18px;
								text-align: center;
							}
							.link-has-children .fa-chevron-right {
						    font-size: 1.125rem;
							}
				/* Niveau 2 */
				.main-navigation .dropdown-level-2, 
				.main-navigation .dropdown-level-3 {
					position: absolute!important;
			    bottom: 0!important;
			    left: 0!important;
			    top: 0!important;				    
			    border: 0;
			    border-radius: 0;
			    padding: 0;
			    width: 100%;
			    box-shadow: none;
			    transform: none!important;
				}
				.main-navigation .dropdown-level-2 {

				}
					.dropdown-level-2 .scroll-wrapper {
						padding: 0;
					}
						.dropdown-menu :is(.level-2-item,.level-3-item) {
							padding: 0 30px;
						}
							.main-navigation .dropdown-menu .item-link,
							.navbar-mainnavigation.navbar-default-transition .dropdown-menu a:not(.active),
							.navbar-mainnavigation.navbar-default-transition .dropdown-menu .rubrique .return-level-prev {
								gap: 10px;
								justify-content: space-between;
								border: 0;
								border-bottom: 1px solid var(--grey-border);
								padding: 15px 0;
								font-size: 1em;
								font-weight: 400;
								color: var(--main);
							}
							.main-navigation .dropdown-menu .link-has-children {
								padding-right: 22px;
							}
							.navbar-mainnavigation.navbar-default-transition .dropdown-menu .rubrique .return-level-prev {
								position: relative;
								display: flex;
						    align-items: center;
								justify-content: flex-start;
								gap: 20px;
						    border: 0;
						    margin: 0 30px;
						    padding: 23px 0 23px 34px;
						    width: calc(100% - 70px);
						    background-color: transparent;
								/*font-size: 1.125em;
						    font-weight: 700;*/
						    text-align: left;
							}
							.main-navigation .dropdown-menu .item-link:is(:focus,:hover,:active):not(.active),
							.navbar-mainnavigation.navbar-default-transition .dropdown-menu .rubrique .return-level-prev:is(:focus,:hover,:active) {
								text-decoration: underline;
							}
							/*.navbar-mainnavigation.navbar-default-transition .dropdown-menu :is(.active,.current) > .item-link:not(.active),
							.main-navigation .dropdown-menu :is(.active,.current) > .item-link:not(.active)*/
							.main-navigation .dropdown-menu .item-link.show {
								background-color: transparent;
								color: var(--secondary);
								font-weight: 700;
								text-decoration: none;
							}
								.rubrique .return-level-prev::before {
									position: absolute;
									left: 0;
									top: calc(50% - 8px);
									content: "\e932";
								}
							.main-navigation .dropdown-menu .item-link:focus-visible {
								outline: auto;
								outline-width: initial;
							}
								.main-navigation .dropdown-menu .item-link:not(.show,.active,.current):is(:focus,:hover,:active) .title {
									color: var(--secondary);
									font-weight: 700;
									text-decoration: underline;
								}
							.main-navigation .dropdown-level-2 .main-navigation-close {
						    background-color: var(--white);
						    color: var(--main);
							}
							.main-navigation .dropdown-level-2 .main-navigation-close:is(:focus,:hover,:active) {
						    background-color: var(--white);
						    color: var(--main);
							}

		/* ESSAI CORRECTIFS MENU AVEC MOUVEMENTS FLUIDES */
		.site-header .main-navigation {
			z-index: 10000;
			transition: left .5s;
		}
		.site-header .main-navigation:not(.show) {
		    left: -100%;
		}
			.site-header .main-navigation .dropdown-menu {				
	    	left: -100%!important;
				display: block;
				transition: left .5s;
			}
			.site-header .main-navigation.show .dropdown-level-2.show {
				left: 0%!important;
			}
			.site-header .main-navigation.show .dropdown-level-3.show {
				left: 0%!important;
			}
						/* Accès rapides du megamenu */
						.scroll-wrapper .quick-access-menu {
							display: flex;
							flex-direction: column;
							gap: 20px;
							margin-top: -1px;
							padding: 50px 30px;
							background-color: var(--secondary);
						}
							.quick-access-menu .title {
								color: var(--dark);
								font-size: 1.5em;
								line-height: 1.2083;
								text-transform: uppercase;
							}
							.quick-access-menu .list {
								display: flex;
								flex-direction: column;
								gap: 20px;
							}
								.quick-access-menu .link {
									display: flex;
									align-items: center;
									gap: 15px;
									color: var(--dark);
									line-height: 1.6875;
									text-decoration: none;
									transition: color .3s;
								}
								.quick-access-menu .link:is(:focus-visible,:focus,:hover,:active) {
									color: var(--link);
								}
									.quick-access-menu .background-icon {
										display: inline-flex;
										align-items: center;
										justify-content: center;
								    border-radius: 50%;
								    height: 50px;
								    width: 50px;
										background-color: var(--main);
										color: var(--white);	
									}
										.quick-access-menu .icon {
										    height: 24px;
										    width: 24px;
										    filter: invert(97%) sepia(6%) saturate(788%) hue-rotate(216deg) brightness(118%) contrast(100%);
										}				
				/* Réseaux sociaux */
				.site-header .network-flex,
				.site-header .link-flex {
					display: none;
				}


/* 05 = FOOTER */
.site-footer {
	background-color: var(--main);
	color: var(--white);
}	
	/* Retour haut de page*/
	.site-footer .to-page-top {
	  right: 20px;
	  top: -25px;
	  border: 1px solid var(--secondary);
	  border-radius: 50%;
	  height: 50px;
	  width: 50px;
	  background-color: var(--secondary);
	  color: var(--white);
	  font-size: 1.25rem;
	  transition: .3s ease;
	}
	.to-page-top:is(:focus-visible,:focus,:hover,:active) {
		border-color: var(--secondary);
	  background-color: var(--white);
	  color: var(--secondary);
	}
		.site-footer .to-page-top::before {
			content: '\e921';
		}
	/* Partie haut */
	.site-footer .footer-top {
  	padding: 50px 0;
	}
	.home .site-footer .footer-top {
		border-top: 0;
	}
		/* Styles récurrents */
		.site-footer a,
		.site-footer a:not([class]) {/* Styles communs */	    
			color: var(--white);
	    text-decoration: none;
		}
		.site-footer a:is(:focus-visible,:focus,:hover,:active) {
			text-decoration: underline;
		}
		.footer-top > .container > .row {
			gap: 50px 0;
		}
			/* Logo */
			.footer-top .logo-footer-link {
				display: block;
				margin-bottom: 30px;
				text-align: center;
			}
			.footer-top .logo-footer-link:is(:focus-visible,:focus,:hover,:active) {
				outline-width: 2px;
			}
				.footer-top .logo {
					height: 150px;
					width: 150px;
				}
			/* Réseaux */
			.network-flex .header-link {/*Styles communs avec le footer */
				display: flex;
				align-items: center;
				flex-wrap: wrap;
				gap: 10px 5px;
				justify-content: center;
				margin: 0;
			}
				.network-flex .header-link .network {
					margin: 0;
				}
					.header-link .link {
						position: relative;
				    display: block;
						border: 0;
		        border-radius: 20px;
		        height: 40px;
		        width: 40px;
				    max-width: 40px;
						background-color: var(--main);
		        color: var(--white);
		        font-size: 1.5rem;
		        line-height: 1;
		        text-decoration: none;
				    text-indent: 200%;
				    overflow: hidden;
		        transition: all .3s;
				    white-space: nowrap;
					}
						.header-link .link::before {
					    position: absolute;
					    left: 50%;
					    top: 50%;
					    text-indent: initial;
					    transform: translate(-50%, -50%);
						}
					.header-link .link:is(:focus-visible,:focus,:hover,:active) {
						background-color: var(--white);
		        color: var(--main);
					}
		/* Partie adresse */
		.footer-top .footer-text {
			margin: 0 auto;
			width: fit-content;
		}
		.footer-top .footer-address p strong {
			display: block;
			margin-bottom: 10px;
		}
		.footer-top .footer-address p:nth-child(4),
		.footer-top .footer-schedule p:nth-child(3),
		.footer-top .footer-phone p:nth-child(3) {
			display: flex;
			align-items: center;
			gap: 10px;
			margin-bottom: 10px;
	    font-size: .875em;
	    line-height: 1.42857;
		}
		.footer-top .footer-schedule p:nth-child(3) {
			align-items: flex-start;
		}
			.footer-top .footer-address p:nth-child(4)::before,
			.footer-top .footer-schedule p:nth-child(3)::before,
			.footer-top .footer-phone p:nth-child(3)::before {
				display: flex;
				align-items: center;
				justify-content: center;
				border-radius: 50%;
				height: 30px;
				min-width: 30px;
				background-color: var(--white);
				color: var(--secondary);
				font-size: 1rem;
			}
			.footer-top .footer-address p:nth-child(4)::before {
				content: '\e90b';
			}
			.footer-top .footer-schedule p:nth-child(3)::before {
				content: '\e907';
			}
			.footer-top .footer-phone p:nth-child(3)::before {
				content: '\e91f';
			}
		.footer-btn .link-page {
	    display: flex;
	    align-items: center;
	    gap: 10px;
	    justify-content: center;
	    border-radius: 25px;
	    min-height: 50px;
	    margin: 20px auto 0;
	    padding: 8px 20px;
	    width: max-content;
	    line-height: 1.125;
	    text-decoration: none;
	    transition: all .3s;
		}
		.footer-btn .link-page:is(:focus-visible,:focus,:hover,:active) {
			border-color: var(--white);
			text-decoration: none;
		}
			.footer-btn .link-page::before {
				content: '\e917';
				font-size: 1.5rem;
			}
		/* Partie connectés */
		.site-footer .footer-connected {
			display: flex;
			align-items: center;
			flex-direction: column;
			gap: 30px;
		}
			.footer-connected .connected-title {
				font-size: 1.25em;
				line-height: 1;
				text-align: center;
			}
			.footer-connected .btn-connected {
		    position: relative;
		    border: 1px solid var(--white);
		    border-radius: 25px;
		    height: 40px;
		    padding: 10px 20px 10px 55px;
		    background-color: var(--white);
		    color: var(--main);
		    font-size: .9375em;
		    line-height: 1.2;
		    transition: all .3s;
		    white-space: nowrap;
			}
			.footer-connected .btn-connected:is(:focus-visible,:focus,:hover,:active) {
		    color: var(--main);
		    text-decoration: none;
			}
				.footer-connected .btn-connected::before {
					position: absolute;
					left: -5px;
					top: -5px;
					display: flex;
					align-items: center;
					justify-content: center;
					border-radius: 50%;
					height: 50px;
					padding-right: 5px;/* Correction centrage */
					width:	50px;
					background-color: var(--secondary);
					color: var(--white);
					font-size: 1.5rem;
					box-shadow: 0 4px 10px 0 rgba(0,0,0,.25);
		    	transition: transform .3s;
				}
				.footer-connected .btn-newsletter::before {
					content: '\e978';
				}
				.footer-connected .btn-all-sites::before {
					content: '\e979';
				}
				.footer-connected .btn-connected:is(:focus-visible,:focus,:hover,:active)::before {
			    /*left: -10px;
			    top: -10px;
			    height: 60px;
			    width: 60px;*/
			    transform: scale(1.1);
				}

	/* Copyrights */
	.site-footer .footer-bottom {
		position: relative;
	}
		.site-footer .footer-bottom::before {
			position: absolute;
			left: 15px;
			right: 15px;
			top: 0;
			content: '';
			height: 1px;
			background-color: rgba(221,221,221,.5);
		}
		.site-footer .footer-bottom .container {			 
	  	padding: 30px 15px;
		}
			.footer-bottom .frame {
				padding: 0;
			}
				.footer-bottom .list-unstyled {
			    display: flex;
			    flex-wrap: wrap;			    
			    gap: 10px 30px;
					justify-content: center;
				}
					.footer-bottom .list-unstyled .list-item {
						margin-bottom: 0;
					}
						.footer-bottom .link {
							font-size: .875em;
						}

/* 06 = ACCUEIL */
/* Image bandeau HOME */
.site-main .page-header-home .page-header-top {
	background: url("../Img/tremblay_sprite.svg#cercle-white") no-repeat -20px 175% / 600px 600px,
	var(--greypale);
}
.arrow {/* Styles communs */
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
  width: fit-content;
  color: #000;
  text-decoration: none;
  transition: all .3s;
}
/* Styles communs - début */
.arrow:is(:focus-visible,:focus,:hover,:active) {
  gap: 22px;
  color: #333;
}
  .arrow::before,
  .arrow::after {
    position: absolute;
    right: -17px;
    z-index: 1;
    content: '';
    border-radius: 50%;
  }
  .arrow::before {
    height: 50px;
    width: 50px;
    background-color: var(--greypale);
    transition: all .3s;
  }
  .arrow:is(:focus-visible,:focus,:hover,:active)::before,
  .menu-subpages .item:hover .arrow::before,
  .list-item-directories .item:hover .arrow::before {
    background-color: #db0000;
    transform: scale(1.2);
  }
  .arrow::after {
    right: -27px;
    z-index: 0;
    height: 70px;
    width: 70px;
    background-color: #DDE7EC;
    opacity: 1;
    transition: all .5s;
  }
  .arrow:is(:focus-visible,:focus,:hover,:active)::after,
  .menu-subpages .item:hover .arrow::after,
  .list-item-directories .item:hover .arrow::after {
    opacity: 0;
    transform: scale(1.5);
  }
  .arrow .text {
    position: relative;
    z-index: 2;
  }
  .arrow .icon {
    position: relative;
    z-index: 2;
    color: var(--secondary);
    font-family: cursive;
    font-size: 1.25rem;
    line-height: 1;
    transition: all .3s;  
  }
  .arrow:is(:focus-visible,:focus,:hover,:active) .icon,
  .menu-subpages .item:hover .arrow .icon,
  .list-item-directories .item:hover .arrow .icon {
    color: #fff;
  }
/* Styles communs - fin */
.page-header-text .arrow {
	order: 4;
	margin-bottom: 20px;
}
	.page-header-text .arrow .text,
	.section-home-events .home-events-btn .text {
		transition: transform .3s;
	}
	.page-header-text .arrow:is(:focus-visible,:focus,:hover,:active) .text,
	.section-home-events .home-events-btn:is(:focus-visible,:focus,:hover,:active) .text {
		transform: translateX(-5px);
	}
/* Style récurent sur les blocs d'accueil */
.home .frame {
	padding: 0;
}
.home .section-home {
	padding: 50px 0;
}	
	.site-main .section-home .section-home-title {
		position: relative;
		display: block;
		margin: 0 auto 0 0;
		width: fit-content;
		color: var(--secondary);
		font-size: 2em;
		line-height: 1.041;
	}
/* Une */
.home .page-header-home .lead {
	color: var(--grey-text);
	font-size: 1em;
	line-height: 1.5;
}
	.home .page-header-home .lead p {
		font-size: 1em;
		line-height: 1.5;
	}
/* Accès rapides */
.site-main .section-quick-access {    
    padding: 30px 0;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
}
	.section-quick-access .quick-access-inner {
		position: relative;
	  display: flex;
    flex-direction: column;
    gap: 20px;
	}
		.site-main .section-home .section-home-quick-access {
			margin: 0;
			font-size: 1.25em;
			line-height: 1.25;
		}
		.section-quick-access .mosaic-quick-access {/* ul */
			display: flex;
			flex-wrap: wrap;
			gap: 20px;			
			justify-content: space-around;
    	height: 96px;    	
			overflow: hidden;
			transition: height .5s;
		}
		.section-quick-access .mosaic-quick-access.open {
			height: calc-size(auto, size);
		}
		:is(.firefox,.safari) .section-quick-access .mosaic-quick-access.open {
			height: auto;
		}
			.mosaic-quick-access .article-quick-access {/* li */
				display: flex;
		    align-items: center;
		    flex-direction: column;
		    margin: 0;
		    width: calc(33% - (80px / 3));
		    font-size: 1em;
			}
				.article-quick-access .icon-frame {
			    display: flex;
			    align-items: center;
			    justify-content: center;
			    height: 60px;
				}
					.article-quick-access .icon-frame .icon {
				    height: 32px;
				    width: 40px;/* Sinon on n'a pas les bonnes tailles avec height et width = 32px dans le code html obligatoire pour Firefox ! */
					}
						.section-quick-access .quick-access-item-title {
    					color: var(--grey-text);
							font-size: .875em;
							line-height: 1.142857;
    					text-align: center;
						}
							.rte-content .section-quick-access .link,
							.rte-content .events-list .link,
							.rte-content .home-zoom-list .link {
								text-decoration: none;
							}
							.section-quick-access .link {
								height: 100%;
								color: var(--main);
							}
								.section-quick-access .link::before {

								}
							.section-quick-access .quick-access-item-title .link:is(:focus-visible,:focus,:hover,:active),
							#dialogAccesRapide .section-quick-access .link:is(:focus-visible,:focus,:hover,:active) {
								color: var(--main);
						    /*text-decoration: underline; demande Jasmine par mail le 26/07/2024
						    text-decoration-thickness: 2px;
						    text-decoration-color: var(--grey-text);*/
							}
							.section-quick-access .quick-access-item-title .link:hover {
								text-decoration: underline;
								text-decoration-color: var(--link);
							}
								#dialogAccesRapide .section-quick-access .link::before,
								.article-profil .link::before,
								.section-quick-access .target-blank::after {
							    position: absolute;
							    bottom: 0;
							    left: 0;
							    right: 0;
							    top: 0;
							    content: '';
								}
								.section-quick-access .target-blank::after {
									position: static;
									content: '\e941';
									font-size: .75em;
								}
			.mosaic-quick-access .quick-access-last {
		    position: absolute;
		    right: 15px;
		    top: 0;
			}
				/*.quick-access-last .fa-ellipsis-stroke {
			    align-items: center;
			    font-size: 2rem;
			    color: var(--main);
				}*/
				.quick-access-last .btn-access {
					display: flex;
			    align-items: center;
			    flex-direction: row-reverse;
			    gap: 5px;
			    border: 0;
			    padding: 0;
			    background-color: transparent;
			    color: var(--main);
			    font-size: .875em;
			    transition: color .3s;
			    white-space: nowrap;
				}
				.quick-access-last .btn-access:is(:focus-visible,:focus,:hover,:active) {
					color: var(--secondary);
				}
					.quick-access-last .btn-access::before {
						content: '\e934';
						color: var(--secondary);
						font-size: 1rem;
						transition: transform .2s;
					}
					.open .quick-access-last .btn-access::before {
						transform: rotate(-180deg);
					}
					.quick-access-last .btn-access .close {
						display: none;
					}

.site-main .section-quick-access + .frame {
	--frame-outer-spacing-before: calc(-1* var(--frame-spacing));
}

/* Actualités */
.home .section-home-news {}
	.section-home-news .container,
	.section-home-events.container,
	.section-home-projects.container,
	.section-home-kiosque .container {
		display: flex;
		flex-direction: column;
		gap: 40px;
	}
		.section-home-news .home-news-title::after,
		.actualites .page-title::after,
		.agenda .rte-content .actualites .page-title::after {
			right: -40px;
			top: 0;
			z-index: -1;
			height: 80px;
			width: 81px;
			background: url("../Img/tremblay_sprite.svg#actualites");
		}
		.section-home-news .home-news-list {
			gap: 50px 0;
			justify-content: center;
		}
			.section-home-news .home-news-list .home-news-item {
				font-size: 1em;
			}
			.section-home :is(.home-news-item,.events-item) {
		    margin-bottom: 0;
			}
			.home-news-list .home-news-item {
				margin: 0;
			}
				.home-news-item .item,
				.events-item .item {/* Style commun CARDS */
					position: relative;
				}
				.home-news-list .home-news-item .item {
					display: flex;
					flex-direction: column-reverse;
					gap: 20px;
				}
					.events-list .picture-date,
					.actualites .news-list .picture-overflow {/* Récurrent */
						position: relative;
					}
						.external .picture-overflow::after/*,
						.external .picture-date::after*/ {/* Récurrent */
							position: absolute;
							right: 20px;
							top: 20px;
							display: flex;
							align-items: center;
							justify-content: center;
							content: '\e941';
							border: 1px solid var(--white);
							border-radius: 15px;
							height: 24px;
							width: 24px;
							background-color: rgba(255, 255, 255, .9);
							color: var(--main);
							font-size: .75em;
						}
						.news-list .picture {
					    display: block;
					    border-radius: 10px;
					    aspect-ratio: 35 / 20;
					    overflow: hidden;
						}
							.news-list .item .object-fit,
							.events-list .item .object-fit,
							.home-zoom-list .home-zoom-item .object-fit,
							.home-discoveries-list .home-discoveries-item .object-fit {
								transition: transform .5s;
							}
							.news-list .item:hover .object-fit,
							.section-home-events .events-list .item:hover .object-fit,
							.home-zoom-list .home-zoom-item:hover .object-fit,
							.home-discoveries-list .home-discoveries-item:hover .object-fit {
								transform: scale(1.1);
							}
				.news-list .home-news-body {
					display: flex;
					flex-direction: column;
					gap: 10px;
					/*background-color: var(--white);*/
					hyphens: auto;
				}
				.section-home-news .home-news-first-item .home-news-body {
			    gap: 10px;
			    padding: 20px 0 0;
				}
					.home-news-body .category {
    				order: 1;
					}
					.home-news-body .ecomode.category {
						display: inline-flex!important;
					}
					.home-news-first-item .home-news-body .category {
    				display: none;
					}					
					.rte-content .home-news-body .news-title {
						order: 2;
						margin-bottom: 0;
						font-size: 1.5em;
						line-height: 1.25;
					}
						.news-title .link,
						.events-list .link,
						.home-zoom-list .link,
						.home-discoveries-list .link {
							color: var(--main);
							text-decoration: none;
							transition: color .5s;
						}
						.news-list .item:hover .news-title .link,
						.events-list .item:hover .events-title .link,
						.home-zoom-list .home-zoom-item:hover .zoom-title .link {
					    text-decoration: underline;
					    text-decoration-color: var(--secondary);		
						}
							.section-quick-access .link::before,
							.news-title .link::before,
							.events-title .link::before,
							.gallery-title .link::before,
							.item-directories .link::before,
							.home-zoom-list .link::before,
							.gallery-title .link::before,
							.discoveries-title .link::before,
							.menu-subpages .title .link::before {
								position: absolute;
								bottom: 0;
								left: 0;
								right: 0;
								top: 0;
								z-index: 3;
								content: '';
							}
	.home-news-btn,
	.home-news-btn:last-child,
	.home-events-btn {
		margin: 0 auto;
	}	
	.section-home-news .home-news-btn,
	.section-home-events .home-events-btn,
	.section-home-kiosque .home-kiosque-btn {
		margin: 15px auto 0;
	}

/* Agenda */
.home .section-home-events {
	background: var(--main);
	color: var(--white);	
}
	.home .section-home-events .container {
		position: relative;
		display: flex;
    flex-direction: column;
    gap: 40px;
		padding-inline: 15px;
	}
		.home .section-home-events::before {
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			top: 0;
			z-index: 0;
			content: '';
			background: url("../Img/tremblay_sprite.svg#cercle-stripes") no-repeat -410px -150px / 700px 700px;
			opacity: .3;
		}
	.home .section-home-events {}
		.site-main .section-home-events .home-events-title {
	    color: var(--white);
	    line-height: 1;
		}
		/* Liste */
		.section-home-events .home-events-list {
			display: flex;
			gap: 50px 0;
			justify-content: center;
		}
			.events-item .item {
				display: flex;
	    	flex-direction: column-reverse;
	    	justify-content: flex-end;
				min-height: 100%;
			}
				.events-list .link,
				.gallery-list .link,
				.home-focus-item .home-focus-link {
					text-decoration: none;
				}
				.events-list .link {
					color: var(--white);
				}
				.events-list .external .link::after {
					content: '\e941';
					font-size: .75rem;
				}
					.events-list .picture-date {
						position: relative;
    				border-radius: 15px 15px 0 0;
						/*background: #fff;*/
					}
					.section-home-events .picture-date {
						border-radius: 15px;
					}
						.events-list .picture {
							display: block;
							border-radius: 10px 10px 0 0;
							aspect-ratio: 35 / 20;
							overflow: hidden;
						}
						.section-home-events .picture {
							border-radius: 10px;
						}
							.home .events-list .picture .object-fit {}
							.events-list .events-item:is(.cancelled, .deferred, .completed) .picture .object-fit {
								opacity: .5;
							}
		.events-list .events-body {			
			display: flex;
			flex-direction: column;
			gap: 10px;
			padding: 20px 0 0;
		}
			.events-item .events-title {
				order: 2;
				margin-bottom: 10px;
				font-size: 1.5em;
				line-height: 1.333;
				transition: color .3s;
			}
			.events-item .item .link:is(:focus-visible,:focus,:hover,:active),
			.events-list .item:hover .events-title .link {
				color: var(--white);
		    text-decoration: underline;
		    text-decoration-color: var(--white);
			}
			.events-item .category {
				order: 1;
				color: var(--white);
			}
			.events-body .events-time,
			.events-body .events-place {
				display: flex;
				align-items: baseline;
	  		gap: 10px;		
				font-size: .875em;
			}
			.events-body .events-place {
				order: 3;
			}
			.events-body .events-time {
				order: 4;
				margin-bottom: 0;
			}
				.events-body :is(.events-time,.events-place,.events-organizer) .fa-regular {
			    display: flex;
			    align-items: center;
			    justify-content: center;
			    border-radius: 50%;
			    height: 30px;
			    min-width: 30px;
			    background-color: var(--white);
			    color: var(--secondary);
			    font-size: 1rem;
				}
			/* Date */
			.events-list .date .time,
			.events-list .date .time-complex {
				position: absolute;
				bottom: -15px;
				right: 15px;
				z-index: 5;
				color: var(--white);
			}
				.events-list .date .time-simple .single-date,
				.events-list .date .time-complex .date-start,
				.events-list .date .time-complex .date-end {
					display: flex;
					align-items: center;
					flex-direction: column;
					justify-content: center;
					border-radius: 50%;
					height: 70px;
	    		width: 70px;
					background-color: var(--secondary);
				}
					.events-list .time > * {
						display: flex;
						align-items: center;
						font-size: 1.5em;
					}
					.events-list .date .day {
						
					}
					.events-list .date .month {
						font-size: .625em;
						text-transform: uppercase;
					}
				.events-list .date .time-complex {
					display: flex;
				}
					.events-list .date .time-complex .date-start {

					}
					.events-list .date .time-complex .date-end {
						position: relative;
						margin-left: -10px;
						background-color: #A41213;
					}
						.events-list .date .time-complex .date-end::before {
							position: absolute;
							left: 0;
							top: 27px;
							content: '\e91e';
							font-size: 1rem;
						}
					.events-list .date * {
						line-height: 1;
					}
		.section-home-events .home-events-btn {
			color: var(--white);
		}
			.section-home-events .arrow::before {
				background-color: var(--main);
			}
			.section-home-events .arrow:is(:focus-visible,:focus,:hover,:active)::before {
				background-color: var(--secondary);
			}
			.section-home-events .arrow::after {
				background-color: #5D6975;
			}
			/*.practical-info-item .list-category .category {
				margin-right: 3px;
				padding: 0;
				background-color: transparent;
				color: inherit;
				font-size: 1em;
				font-weight: 400;
				line-height: inherit;
				text-transform: inherit;
			}
			.practical-info-item .list-category .category:last-child {
				margin-right: 0;
			}
				.practical-info-item .list-category .category::after {
					content: ",";
				}
				.practical-info-item .list-category .category:last-child::after {
					display: none;
				}*/

/* Kiosque */
.home .section-home-kiosque {

}
	.section-home-kiosque .container {
		position: relative;
		gap: 40px;
	}
		.section-home-kiosque .kiosque-item-first {
			display: flex;
			align-items: flex-start;
			flex-direction: column-reverse;
			gap: 20px;
			margin: 0 -15px;
			padding: 50px;
			background: var(--greypale) url("../Img/tremblay_sprite.svg#tm") no-repeat right 0 bottom -10px / 300px 167px;
		}
			.kiosque-item .kiosque-body {
				display: flex;
				flex-direction: column;
				gap: 10px;
			}
				.kiosque-body .kiosque-title {
	    		margin: 0;
	    		font-size: 1.25em;
	    		line-height: 1.25;
				}
				.kiosque-body .subtitle {
					margin-bottom: 0;
					font-size: 1.125em;
					line-height: 1.5;
				}
				.kiosque-body .extention {
					margin: 0;
					line-height: 1.2;
			    text-transform: uppercase;
				}
				.kiosque-item .flex-links {
					display: flex;
					align-items: flex-start;
					flex-direction: column;
					gap: 20px;
					margin-top: 5px;
				}
					.kiosque-item .link {
						/*display: flex;
						align-items: center;
						gap: 10px;
						color: var(--main);*/
					}
					.kiosque-item :is(.link-view,.link-download) {
						display: flex;
						align-items: center;
				    flex-direction: row;
				    gap: 10px;
				    color: var(--main);
				    text-decoration: none;
					}
					.kiosque-item :is(.link-view,.link-download):is(:focus-visible,:focus,:hover,:active) {
				    text-decoration: none;
				    text-decoration-color: transparent;
				    text-decoration-thickness: 0;
					}
						.kiosque-item .link-view .fa-arrow-up-right-from-square {
							font-size: .75rem;
						}
						.kiosque-item .link::before {
							display: flex;
					    align-items: center;
					    justify-content: center;
					    border-radius: 50%;
					    height: 50px;
					    min-width: 50px;
					    background-color: var(--secondary);
					    color: var(--white);
							font-size: 1.5rem;
				    	transition: background-color .25s;
						}				
						.kiosque-item .link-download::before {
							content: "\e975";
						}
						.kiosque-item .link-view::before {
							content: "\e96c";
						}
						.kiosque-item :is(.link-view,.link-download):is(:focus-visible,:focus,:hover,:active)::before {
							/*transform: scale(1.1);*/
							background-color: var(--main);
						}
						.kiosque-item :is(.link-view,.link-download):is(:focus-visible,:focus,:hover,:active) .text {
							text-decoration: underline;
					    text-decoration-thickness: 2px;
					    text-decoration-color: var(--secondary);
						}
			.kiosque-item-first .img-fluid {
				width: auto;
			}
		.section-home-kiosque .d-lg-flex .img-fluid {
			box-shadow: 0 0 20px 0 rgba(0,0,0,.15);
		}
/* À voir & découvrir */
.home .section-home-discoveries {	
	background: var(--mainlight) url("../Img/tremblay_sprite.svg#cercle-stripes-discoveries") no-repeat center 100% / 700px 700px;
}
	.section-home-discoveries .container {
		display: flex;
		flex-direction: column;
		gap: 40px;
	}
		.site-main .section-home-discoveries .home-discoveries-title {
			color: var(--main);
		}		
		.section-home-discoveries .home-discoveries-list {
			display: flex;
			flex-direction: column;
			gap: 90px;
		}
			.home-discoveries-list .home-discoveries-item {
		    display: flex;
		    flex-direction: column-reverse;
		    margin: 0;
			}
				.home-discoveries-list .home-discoveries-item::before {
					position: absolute;
					bottom: -5px;
					left: -5px;
					z-index: 0;
					content: '';
					border-bottom-left-radius: 15px;
					height: 92px;
					width: 178px;
					background-color: var(--secondary);
					transition: all .3s;
				}
				.home-discoveries-list .home-discoveries-item:nth-child(2)::before {
					bottom: auto;
					left: auto;
					right: -5px;
					top: -5px;
					border-top-right-radius: 15px;
				}
				.section-home-discoveries .picture-overflow {
					position: relative;
					display: flex;
					flex-direction: column;
					gap: 90px;
				}
					.home-discoveries-list .picture {
					    display: block;
					    border-radius: 10px 10px 0 0;
					    aspect-ratio: 35 / 20;
					    overflow: hidden;
					}
				.home-discoveries-item .home-discoveries-body {
					z-index: 1;
			    background-color: var(--white);
			    border-radius: 0 0 10px 10px;
			    padding: 30px;
				}
					.home-discoveries-body .discoveries-title {

					}
						.discoveries-title .link::before {

						}							

/* 07 = PAGE INTERNE */
/* Page-header */
.site-main .page-header {
  position: relative;/* Pour l'ombre sur desktop */
}
.site-main .page-header.no-image {}
	.site-main .page-header-top {
		position: relative;/* ombre .page-header-bottom desktop */
  	background-color: var(--greypale);
	}
		.page-header .container-header {
	    display: flex;
	    flex-direction: column-reverse;
		}
		.page-header.no-image .container {
			margin-bottom: 0;
		}
			.page-header .page-header-text {
				display: flex;
	      flex-direction: column;
	      gap: 20px;
	      justify-content: center;
	      order: 2; /* ordre inversé avec bouton connecter */
	    	padding: 20px 0;
			}
				.rte-content .page-title {
					order: 2;
					margin: 0;
			    font-size: 2.25em;
					line-height: 1.1428571;	
					/*text-align: center; pourquoi ? */   
				}
				.home .rte-content .page-title {
					font-size: 2em;
					line-height: 1.041;
				}
				.page-header-text .page-subtitle {
					display: inline-flex;
					align-items: center;
					gap: 10px;
				}
					.page-header-text .page-subtitle::after {
						content: '';
						border-radius: 3px;
						height: 5px;
						width: 5px;
						background-color: var(--grey-text);
					}
				.page-header-text .category {
					order: 1;
					margin-bottom: -10px;
					padding-left: 38px;
					background-position: 0 0;
					background-size: 28px 14px;
					font-size: 1em;
				}
				.layout-single .page-header-text .category {
					margin: 0;
					font-size: 1em;
					background-size: 28px 14px;
				}
					.page-header-text .category::before {
						display: none;
					}
				.layout-single  .date-maj {
					margin-bottom: 0;
				}

			.page-header .header-btn {
				order: 1; /* ordre inversé : doit se trouver en bas... */
				margin-left: auto;
			}
				.page-header .header-btn .btn-primary {
			    height: 42px;
			    margin: 0;
			    padding: 0 15px;
				}

			.page-header .header-picture {
				margin-bottom: 0;
				width: calc(100% + 30px);
			}
				.page-header .header-picture .picture {
			    display: block;
			    margin: 0 -15px;
			    aspect-ratio: 835 / 470;/* 80 / 58 */
				}
					.page-header .header-picture .header-image {
						height: 100%;
	    			width: 100%;
						margin: 0;
					}
				.page-header .header-picture .figcaption {
					padding-top: 10px;
					color: var(--grey-text);
					font-size: .8125em;
					line-height: 1.23;
				}
    .site-main .page-header-bottom {
    	background-color: var(--white);
      box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
    }
/* RTE */
.rte-content .lead {
	order: 3;
	margin-bottom: 0;
	padding: 0;
	font-size: 1.125em;
	line-height: 1.666;
}
.pagesummary .rte-content .lead,
.page-body .accordion-section {

}
/* Menu de section en accordéon */
.rte-content .hr {
  border-top: 0;
  height: 1px;
  margin: 0 0 20px;
  background-color: var(--grey-border);
  opacity: 1;
}
.rte-content .hr-last {
	margin-bottom: 0;
}
.page-body .accordion-section {
	margin-bottom: 0;
}
	.accordion-section .accordion-item:last-child {
		margin-bottom: 50px;
		background-color: transparent;
	}
		:is(.accordion-section,.accordion-filters) .accordion-item .accordion-header {
    	margin-bottom: 20px;
		}
			:is(.accordion-section,.accordion-filters) .accordion-item .accordion-header::before {
				display: none;
			}
		.accordion-section .accordion-item .accordion-header .accordion-button.menuSection-button,
		.accordion-section .accordion-item .accordion-header .accordion-button.menuSection-button:not(.collapsed),		
		.accordion-filters .accordion-item .accordion-header .accordion-button.accordionFilters-button,
		.accordion-filters .accordion-item .accordion-header .accordion-button.accordionFilters-button:not(.collapsed) {
			align-items: center;
			border: 0;
			min-height: auto;
			padding: 0;
			width: fit-content;
			background: none;
			color: var(--secondary);
		}
		.accordion-filters .accordion-item .accordion-header .accordion-button.accordionFilters-button:focus-visible,
		.accordion-section .accordion-item .accordion-header .accordion-button.menuSection-button:focus-visible,
		.rte-content .accordion .accordion-header .accordion-button:focus-visible {
			box-shadow: var(--ombre-outline);
		}
			.accordion .accordion-header .accordion-button:is(.menuSection-button,.accordionFilters-button)::after {
				display: none;
			}
			:is(.accordion-section,.accordion-filters) .accordion-header .fa-angle-up-solid {
		    margin-left: 10px;
		    font-size: .875rem;
		    transform: rotate(0deg);
		    transition: transform .3s;
			}
			:is(.accordion-section,.accordion-filters) .accordion-header .collapsed .fa-angle-up-solid {
		    transform: rotate(180deg);
			}
		}
/* Enlever marge entre menu de section et 1er bloc de contenu */
.page-body .accordion-section + .frame-space-after-none {
	padding-top: 0;
}

.rte-content h2,
.rte-content .h2,
.rte-content h2:last-child {
	display: flex;
  gap: 20px;
	margin-bottom: 20px;
	color: var(--secondary);
	font-size: 1.5em;
	line-height: 1.2;
}
/*.agenda.layout-single .rte-content h2:last-child {
	margin-bottom: 10px;
	font-size: 1.5em;
	text-transform: uppercase;
}*/
.accordion .accordion-header {
	font-size: 1.125em;
	line-height: 1.333;
}
.rte-content h3,
.rte-content .h3,
.form-horizontal .form-title { /* Les titres de formulaires ont le même design que les h3 */
	margin-bottom: 20px;
	color: var(--main);
  font-size: 1.25em;
  line-height: 1.2727;
  font-weight: 400;
}
.rte-content h4,
.rte-content .h4 {
	margin-bottom: 20px;
	color: var(--main);
	font-size: 1em;
	line-height: 1.333;
}
.rte-content h5,
.rte-content .h5 {
	color: var(--grey-text);
	margin-bottom: 20px;
	font-size: .875em;
	line-height: 1.333;
}
.rte-content p {
	margin-bottom: 20px;
  font-size: 1em;
  line-height: 1.6875;

}
	.rte-content :is(p,li) a,
	.rte-content :is(p,li) a:not([class]),
	.rte-content .card :is(p,li) a:not(.btn) {
		color: var(--link);
		text-decoration-color: var(--link);
		text-underline-offset: 3px;
	}
	.rte-content :is(p,li) a:is(:focus-visible,:focus,:hover,:active),
	.rte-content :is(p,li) a:not([class]):is(:focus-visible,:focus,:hover,:active),
	.rte-content .card :is(p,li) a:not(.btn):is(:focus-visible,:focus,:hover,:active) {
		color: var(--link);
		text-decoration: underline;
		text-decoration-color: var(--link);
		text-decoration-thickness: 2px;
	}	
	.rte-content p .text-important {
		color: var(--red)!important;
	}
.rte-content hr,
.rte-content hr:last-child {
	border: 0;
  height: 1px;
  margin: 30px 0;
  width: 100%;
  background-color: var(--grey-border);
	opacity: 1;
}
.rte-content .textmedia-item *:last-child,
.rte-content .textmedia-text *:last-child {
 	margin-bottom: 0;
 }
 	.link-arrow:after, /*.link-page:after,*/ .link-folder:after, .link-file:after, .link-external:after, .link-chevron:after, .link-mail:after, .link-globe:after, .link-phone:after, .external-link-new-window::after {
 		margin-left: 5px;
 		font-size: .75em; 		
 	}
 	p .link-page:after {/* Ne pas afficher dans le site */
 		display: none;
 	}

.gallery-item .gallery-artifica-picture {
	border-radius: 10px;
}
	.rte-content .gallery-item .image img {
		border-radius: 10px;
	}
.image .caption {
	padding-top: 10px;
	color: var(--grey-text);
  font-size: .8125em;
  line-height: 1;
  opacity: 1;
}
.rte-content blockquote {
  position: relative;
  border: 0;
  margin: 30px 0;
  padding: 20px 30px 20px 50px;
  font-size: 1.25em;
}
	.rte-content blockquote::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 37px;
    width: 36px;
    background: url("../Img/tremblay_sprite.svg#comment") no-repeat center center / cover;
	}
	.rte-content blockquote p {
		color: var(--grey-text);
		line-height: 1.6;
	}
	.rte-content blockquote p:last-child {
		margin-bottom: 0;
	}	
.frame-encart .frame-group-container {
	padding: 0;
}
	.rte-content .encart::before, 
	.rte-content .frame-encart::before {/* Surcharge artifica.fr */
		display: none;
	}
	/* Encarts */
	.frame-encart-blue .frame-group-inner {
		position: relative;
	}
		.rte-content :is(.frame-encart,.frame-encart-blue,.frame-encart-green,.frame-encart-dark) .frame-inner {
			border-radius: 10px;
			padding: 40px;
		}
		.rte-content .frame-encart .frame-inner {
			border: 5px solid var(--mainmorepale);
			background-color: var(--white);
		}
		.rte-content .frame-encart-blue .frame-inner {
			background-color: var(--greypale);
		}
		.frame-encart-blue .frame-group-inner::before {
			position: absolute;
			right: -5px;
			top: -5px;
			z-index: 0;
			content: '';
			border-top-right-radius: 15px;
			background-color: var(--secondary);
			height: 92px;
			width: 178px;
		}
		.rte-content .frame-encart-green .frame-inner {
			position: relative;
			border: 1px solid var(--third);
			background-color: var(--thirdpale);
		}
			.rte-content .frame-encart-green .frame-inner::before {
				position: absolute;
				left: calc(50% - 30px);
				top: -30px;
				content: '';
				height: 60px;
				width: 60px;
				background: url("../Img/tremblay_sprite.svg#feuille") no-repeat center center / cover;
			}
		.rte-content .frame-encart-dark .frame-inner {
			background-color: var(--main);
			color: var(--white);
		}
			.rte-content :is(.frame-encart,.frame-encart-blue,.frame-encart-green,.frame-encart-dark) .frame-header {
				margin-bottom: 0;
			}
				.rte-content :is(.frame-encart,.frame-encart-blue,.frame-encart-green,.frame-encart-dark) .frame-inner :is(h1,h2,h3,h4,h5) {
					margin-bottom: 15px;
					padding: 0;
					color: var(--main);
					font-size: 1.125em;
					line-height: 1.333;
				}
				.rte-content .frame-encart-green .frame-inner :is(h1,h2,h3,h4,h5) {
					justify-content: center;
					text-align: center;
				}
				.rte-content .frame-encart-dark .frame-inner :is(h1,h2,h3,h4,h5) {
					color: var(--white);
				}

		.rte-content .frame-encart .link-button {
	    background-color: transparent;
	  }
	.rte-content .frame-encart-white .frame-inner {
		border: 3px solid var(--mainlight);
		background-color: var(--white);
		color: var(--main);
	}
		/*.rte-content .page-body :is(.frame-encart,
			.frame-encart-white) :is(h2,.h2) {
			margin-bottom: 20px;
			font-size: 2.5em;
		}*/
		.rte-content .frame-encart-white .frame-inner * {
			position: relative;
			z-index: 1;
		}
		.rte-content .frame-encart-white .encart-dark-title {
			display: flex;
			align-items: center;
			gap: 10px;
			color: var(--link);
			font-size: 1.5em;
			text-transform: uppercase;
		}
		.rte-content .frame-encart-white .link-button {
			border-color: var(--main);
			margin: 0 auto;
			background-color: transparent;
			color: var(--main);
		}
		.rte-content .frame-encart-white .link-button:is(:focus-visible,:focus,:hover,:active) {
			border-color: var(--main);
			background-color: var(--main);
			color: var(--white);
		}
			.rte-content .frame-encart-white .link-button::after {
				display: none;
			}
	/* Colonne de droite / pages associatives */
	.col-right .frame-encart,
	.col-right .frame:first-child {
		padding-top: 0;
	}
		.col-right .frame-encart .frame-group-container {
			margin-bottom: 0;
		}
	.col-right :is(.frame-encart, .frame-encart-white) + :is(.frame-encart, .frame-encart-white) {
		margin-top: 0;
	}
	.col-right :is(.bloc-directory,.frame-siblings) .frame-header {
		margin-bottom: 10px;
	}
		.col-right :is(.bloc-directory,.frame-siblings) .frame-header :is(h1,h2,h3,h4,h5) {
			margin: 0;
		}

.rte-content ul:not(.list-unstyled,.typo3-messages), 
.rte-content ol:not(.list-unstyled) {
	margin-bottom: 2em;
	padding-left: 23px;
	line-height: 1.6875;
}
.rte-content ul:not(.list-unstyled,.typo3-messages):last-child, 
.rte-content ol:not(.list-unstyled):last-child {
	margin-bottom: 0;
}
.rte-content ul {
	list-style: none;
}
	.rte-content ul ul, 
	.rte-content ol ol, 
	.rte-content ul ol, 
	.rte-content ol ul {
		margin-top: 10px;
	}
	.rte-content ul li,
	.rte-content ol li,
	.rte-content .list-normal li {
		position: relative;
		margin-bottom: 10px;
		font-size: 1em;
	}
	.rte-content .col-right ul li,
	.rte-content .col-right ol li,
	.rte-content .col-right .list-normal li {
		font-size: 1em;
	}
		.rte-content ul:not(.list-unstyled,.typo3-messages) li::before {
	    position: absolute;
	    left: -23px;
	    top: 10px;
	    display: block;
	    content: "";
	    border-radius: 4px;
	    height: 8px;
	    width: 8px;
	    background-color: var(--mainpale);
		}
	.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;
	}
	/* Listes ordonnées */
	ol li::marker {
		font-size: 1rem;
	}
	ul li,
	ol li {
		margin-bottom: 5px;
	}
/* Plan de site */
.frame-type-menu_sitemap .frame-inner > ul {
	padding: 0;
}
	.frame-type-menu_sitemap .frame-inner > ul li::before {
		display: none;
	}

/* Tableaux */
.table-responsive table {
  border: 1px solid var(--grey-border);  
}
	table:not(.ui-datepicker-calendar) thead {
		border: 0;
		background-color: var(--white);
		color: var(--white);
		line-height: 1.5;
	}
		table:not(.ui-datepicker-calendar) thead th {
			background-color: var(--main);
			padding: 12px 20px;
	    color: var(--white);
	    font-size: .875em;
	    line-height: 1.214;
		}
		table:not(.ui-datepicker-calendar) thead th:first-child {
	/*		border-radius: 15px 0 0 15px;*/
		}
		table:not(.ui-datepicker-calendar) thead th:last-child {
	/*		border-radius: 0 15px 15px 0;*/
		}

	.table>tbody {
		border: 0;
	}
		table:not(.ui-datepicker-calendar) tbody tr {
			max-height: 50px;
			/*border-bottom: 1px solid var(--grey-border);*/
			vertical-align: middle;
		}
		/*table:not(.ui-datepicker-calendar) tr:nth-child(even),*/
		table.table-striped tr:nth-child(even) {
			background-color: var(--greypale);
		}
		table.table-striped {
			overflow: hidden;
		}
		.table-striped>tbody>tr:nth-of-type(odd)>* {
			--bs-table-bg-type: var(--white);
		}
		.table table>:not(caption)>*>* {
			border: 0;
	    padding: 12px 20px;
			background: none;
			color: inherit;
	    font-size: .875em;
		}
		.table .table-condensed>:not(caption)>*>* {
	    padding: 5px 20px;
		}
		.table tbody tr:first-child td {}
	.table-sm>:not(caption)>*>*,
	.table-condensed>:not(caption)>*>* {
		padding: 0.5rem 0.5rem;
	}
		table td {}
	.table-bordered>:not(caption)>* {
		border-color: var(--grey-border);
	}
/* Menu de section */
.rte-content .accordion-section .menu-section li {
	font-size: 1em;
}
.rte-content .accordion-section .menu-section li:is(:focus-visible,:focus,:hover,:active) {}
	.rte-content .accordion-section .menu-section li::before {}
	.rte-content .accordion-section .menu-section li:is(:focus-visible,:focus,:hover,:active)::before {}
	.menu-section .section-link {
	  display: block;
	  color: var(--grey-text);
	  text-decoration: none;
	}
	.menu-section .section-link:is(:focus,:hover,:active) {
		color: var(--secondary);
		text-decoration: none;
	}

/* Accordéons */
.rte-content .accordion {
  display: flex;
  flex-direction: column;
}
	.accordion-item {
		border: none;
		border-bottom: 1px solid var(--grey-border);
	}
	.accordion-item:first-of-type {}
	.accordion-item:last-of-type {}
	.accordion-item + .accordion-item {}
		.accordion-header {
			display: flex;
			align-items: center;
		}
		.rte-content .accordion .accordion-header::before {
			display: none;
		}
			.rte-content .accordion .accordion-header .accordion-button {
				min-height: 60px;
				padding: 15px 40px 15px 0;
			}
			.rte-content .accordion-header .accordion-button:not(.collapsed) {
				background-color: transparent;
				color: var(--secondary);
				box-shadow: none;
			}
				.rte-content .accordion-header .accordion-button::after {
					position: absolute;
					right: 0;
					top: 15px;
					display: flex;
					align-items: center;
					justify-content: center;
					content: "\e91e";
					border: 1px solid var(--secondary);
					border-radius: 50%;
					height: 30px;
					width: 30px;
					background-color: var(--white);
					background-image: unset;
					color: var(--secondary);
					transform: rotate(90deg);
					transition: .3s ease;
				}
				.rte-content .accordion-header .accordion-button:not(.collapsed)::after {
					border-color: var(--secondary);
					background-color: var(--secondary);
					color: var(--white);
					transform: rotate(-90deg);
				}
			.accordion-item:first-of-type .accordion-button {
		    border-top-left-radius: 0;
		    border-top-right-radius: 0;
			}
			.accordion-item:last-of-type .accordion-button {
		    border-bottom-right-radius: 0;
		    border-bottom-left-radius: 0;
			}
				.accordion-header .accordion-button:is(:focus-visible,:focus,:hover,:active) {				
					box-shadow: none;
				}
				.accordion-item:last-of-type .accordion-button.collapsed {
					border-radius: 0;
				}
			.accordion-item .accordion-body {
				padding: 20px 0;
			}

/* 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 */
.rte-content .col-right :is(h2,.h2,h3,.h3,h4,.h4,.element-header),
.rte-content .col-right .files-list-default .frame-header :is(h1,h2,h3,h4,h5) {	
	display: block;
	margin-bottom: 10px;
	color: var(--main);
	font-size: 1.375em;
	line-height: 1.2727;
}
.col-right .frame-header :is(h1,h2,h3,h4,h5) {
	margin: 0;
	color: var(--dark);
	font-size: 1.5em;
  line-height: 1.25;
}
	.col-right .frame-header :is(.h2,h2)::before {
		display: none;
	}
	.col-right h3::after,
	.col-right .h3::after {
		display: none;
	}
/* Actualités */
.frame .bloc-news {
	padding: 0;
}
	.rte-content .col-right .bloc-news .frame-header {
		margin: 0;
	}
	.bloc-news .page-item .category {
		margin-bottom: 5px;
	}
	.bloc-news .page-item .picture {
		min-width: 140px;
	}
	.bloc-news .page-item .col-right-date {
	    display: flex;
	    align-items: baseline;
	    gap: 8px;
	}
		.bloc-news .col-right-date .fa-calendar-days {
			color: var(--secondarypale);
		}
		.bloc-news .col-right-date .date {
			color: var(--grey-text);
		}

/* Bouton-lien */
.rte-content .link-button {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  border: 1px solid var(--secondary);
  border-radius: 20px;
  padding: 8px 20px;
  min-height: 38px;
  width: max-content;
  max-width: 100%;
  background-color: var(--white);
  color: var(--secondary);
  font-size: .9375em;
  line-height: 1.2666;
  text-decoration: none;
  transition: .3s ease;
}
.rte-content .text-center .link-button {
	margin: 0 auto;
}
.rte-content .text-right .link-button {
	margin: 0 0 0 auto;
}
.rte-content .link-button:is(:focus-visible,:focus,:hover,:active) {
	border: 1px solid var(--secondary);
	background-color: var(--secondary);
	color: var(--white);
	text-decoration: none;
}
	.rte-content .link-button::after {
		content: '\e919';
		margin: 0;
		font-size: 1rem;
	}

/* 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;
      border-radius: 20px;
      padding: 15px;
      background-color: var(--white);
      color: #333;
      box-shadow: 0 0 20px rgb(0 0 0 / 10%);
      text-decoration: none;
    }
    	.directories-list .files-list .files-item .link::after {
    		display: none;
    	}
    .directories-list .files-list .files-item .link:is(:focus-visible,:focus,:hover,:active) {
			border: 0;
			background-color: var(--mainlight);
			color: var(--white);
			text-decoration: none;
    }
        .files-list .files-item .fa-file-download {
          margin-right: 15px;
          color: var(--dark);
          font-size: 36px;
          transition: color .3s;
        }
        .files-list .files-item .link:is(:focus-visible,:focus,:hover,:active) .fa-file-download {
          color: var(--dark);
        }
        .files-list .files-item .title {
          display: block;
          margin-bottom: 5px;
          font-size: 1.125em;
          font-weight: 600;
          line-height: 1.364;
          transition: color .3s;
        }
        .directories-list .files-list .files-item .link:is(:focus-visible,:focus,:hover,:active) .title {
          color: var(--dark);
        }
        .files-list .files-item .infos {
        	display: block;
          color: var(--grey-text);
          font-size: .875em;
          transition: color .3s;
        }
        .files-list .files-item .link:is(:focus-visible,:focus,:hover,:active) .infos {
          color: var(--dark)/*var(--white)*/;
        }
/* Sondage bas de page */
.site-main .page-poll {
	padding-bottom: 40px;
}
.layout-single .site-main .page-poll {
  margin-top: 60px;
}
	.page-poll .page-poll-content,
	.page-poll .page-poll-content-no {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    border-radius: 20px;
    padding: 30px;
    background-color: var(--greypale);
  	text-align: center;
	}
	.page-poll .page-poll-content-no {
		justify-content: start;
	}
	.page-poll .page-poll-content.collapse,
	.page-poll .page-poll-content-no.collapse {
		display: none;
	}
		.page-poll .poll-text {
			margin: 0;
			color: var(--main);
			font-size: 1.125em;
			line-height: 1.5;
		}
		.page-poll .page-poll-content .btn-poll {
	    gap: 10px;
			border: 1px solid var(--secondary);
	    height: 40px;
	    padding: 10px 20px;
			background-color: var(--white);
			color: var(--dark);
		}
			.page-poll .page-poll-content .btn-poll::before {
				color: var(--secondary);
				transition: color .3s;
			}
		.page-poll .page-poll-content .btn-poll:is(:focus-visible,:focus,:hover,:active) {
			background-color: var(--secondary);
			color: var(--white);
		}
			.page-poll .page-poll-content .btn-poll:is(:focus-visible,:focus,:hover,:active)::before {
				color: var(--white);
			}
			.page-poll-content .btn-yes::before,
			.page-poll-content .btn-no::before {
				display: inline;
				content: '';				
				font-size: 1.25rem;
			}
			.page-poll-content .btn-yes::before {
				content: '\e958';
			}
			.page-poll-content .btn-no::before {
				content: '\e959';
			}
		.page-poll .textarea {
	    border: 1px solid #dbdbdb;
	    border-radius: 10px;
  		min-height: 5em;
	    padding: 30px 20px;
	    width: 100%;
	    color: var(--dark);
		}
		.page-poll .poll-label {
	    display: block;
	    width: 100%;
	    color: var(--dark);
	    font-size: 1.125em;
	    text-align: center;
		}
		.page-poll .btn-poll-valid {
			background-color: var(--secondary);
			color: var(--white);
		}
		.page-poll .btn-poll-valid:is(:focus-visible,:focus,:hover,:active) {
			background-color: var(--white);
			color: var(--secondary);
		}
		.page-poll .btn-cancel {
	    border: 0;
	    background: none;
	    font-size: 1.125em;
		}
	.page-poll .poll-thank {
		margin: 0;
		/*padding: 30px 0;*/
	}

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

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

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

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

/* Chiffres */
/* Bloc chiffres bleu */
.icongroup.frame-background-primary {
	gap: 30px;
  background-color: var(--main);
	border-radius: 12px;
	padding: 15px;
}
.container .frame-type-card_group:not(.frame-layout-embedded) .icongroup {
	margin: 0!important;
  /*padding-left: 0;
  padding-right: 0;*/
}
	.icongroup .icongroup-item {
		align-items: flex-start;
		margin: 0;
	}
		.icongroup-item .icongroup-item-icon {
			margin-right: 30px;
			min-width: 50px;
			color: var(--white);
		}
			.frame-background-primary .icongroup-item-icon .fa-light {
				font-size: 50px;
			}
		.icongroup-item-text {
	    border-left: 3px solid var(--white);
	    padding-left: 17px;
		}
		.icongroup-item:nth-child(4n + 1) .icongroup-item-text {
			border-color: var(--fourth);
		}
		.icongroup-item:nth-child(4n + 2) .icongroup-item-text {
			border-color: var(--thirdpale);
		}
		.icongroup-item:nth-child(4n + 3) .icongroup-item-text {
			border-color: var(--secondary);
		}
		.icongroup-item:nth-child(4n) .icongroup-item-text {
			border-color: var(--mainpale);
		}
			.icongroup-item-text .icongroup-item-text-header {
				margin-bottom: 0;
				color: var(--white);
				font-size: 3em;
			}
			.icongroup-item-text .icongroup-item-text-subheader {
				color: var(--white);
				font-size: 1em;
			}			
				/* Blocs chiffres dans colonne de droite ! */
				.icongroup.frame-background-primary .icongroup-item-text .icongroup-item-text-subheader p {
					margin-bottom: 0;
					color: var(--white);
				}
/* Bloc chiffres vide */
.container .frame-type-card_group:not(.frame-layout-embedded) .frame-background-white {
	padding: 45px 0;
}
	.icongroup.frame-background-white .icongroup-item {
		align-items: center;
		flex-direction: column;
	    margin: 0 0 20px;
	    padding: 0 15px;
	}
		.frame-background-white .icongroup-item .icongroup-item-icon {
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 50%;
			height: 60px;
			margin: 0 0 20px;
			width: 60px;
			background-color: #f7f7f7;
			color: #717171;
			font-size: 24px;
		}
		.frame-background-white .icongroup-item .icongroup-item-text {
			text-align: center;
		}
			.frame-background-white .icongroup-item-text .icongroup-item-text-header {
				margin-bottom: 10px;
				color: #242424;
				font-size: 2.25em;
				text-align: center;
			}
			.frame-background-white .icongroup-item-text .icongroup-item-text-subheader {
				color: #717171;
				font-size: 1.125em;
			}
/* ====================== CARD GROUPS fin ======================= */

/* ====================== 30 = Arbres remarquables début ======================= */
/* Liste */
.pageSection .btnLinkBlue {background: var(--main); border:var(--main) 2px solid; color:var(--white); transition-property:background-color,color;}
.pageSection .btnLinkBlue:hover {text-decoration:none;}

.directoryListTrees .lead {line-height:2rem;}

.directoryListTrees .directoryList-Items ul li {
	/*padding:0 20px;*/
}
.directoryListTrees .directoryList-Items li + li {margin-top:0;}
    .directoryListTrees .directoryList-Items .encart {
    	border:0; min-height:345px; padding:0; /* En attendant image */ position:relative;
    }
    .directoryList .encart .img-responsive {
	    display: block;
	    max-width: 100%;
	    height: auto;
    }
    .directoryList .encart .background {
    	align-items:center; background-color:rgba(0,0,0,.5); bottom:0; display:flex; flex-direction:column; justify-content:center; left:0; min-height:60px; padding:18px 10px; position:absolute; right:0; transition:min-height .15s;
    }
    .directoryListTrees .encart:hover .background {min-height:100%;} 
      .directoryListTrees .encart .title {
      	margin: 0; 
      	color: var(--white);
      	font-size: 1.5em;
      	font-weight: 400;
      	line-height: 1; 
      	text-align: center;
      }
      	.directoryListTrees .encart .title::before {
      		display: none;
      	}
      .directoryList-Items .encart .btnLinkBlue {
      	display:none;
      	margin-top:30px;
      	color: var(--white);
      	/*align-items:center; 
      	border-radius:4px;
      	height:50px; 
      	justify-content:center;
      	padding:0 20px;*/
      }
      .directoryList-Items .encart:is(:focus,:hover,:active) .btnLinkBlue {
      	display: inline-flex;
      }
       .directoryList-Items .encart .btnLinkBlue:is(:focus,:hover,:active) {
       	color: var(--main);
       }
      .directoryListTrees .text-center .btnLinkBlue {margin-bottom:30px; padding:12px 20px 12px 40px;}
        .directoryListTrees .text-center .btnLinkBlue .ico {/*display:inline-block; font-size:1.333rem; margin:0 15px 0 -25px; position:relative; top:3px;*/}
    .directoryListTrees .list-unstyled li::before {/*display:none;*/}

.more-photos {
    padding: 30px 0;
}
.more-photos img{
    margin-bottom: 20px;
    height: auto;
}

/* Filtre */
.directoryListTrees .directoryList-Map {position:relative;}
.directoryListTrees .filters-map {align-items:center; background:rgba(255,255,255,.9); display:flex; min-height:80px; justify-content:center; left:0; position:absolute; right:0; top:95px; z-index:5;}

.directorySearch .directorySearch-label {color:#343842; display:inline-block; float:left; font-size:1.125rem; font-weight:600; text-transform:uppercase;}
.directorySearch .directorySearch-list li {float:left; font-size:1.125rem;}
.directorySearch .directorySearch-list li:nth-child(2n + 1) {clear:none;}

.directorySearch-list .category-0,
.directorySearch-list .category-0 input[type='radio']:checked + label,
.directorySearch-list .category-0 input[type='radio']:checked + label::before {color:#f5692c;}
.directorySearch-list .category-539,
.directorySearch-list .category-539 input[type='radio']:checked + label,
.directorySearch-list .category-539 input[type='radio']:checked + label::before {color:#db5197;}
.directorySearch-list .category-537,
.directorySearch-list .category-537 input[type='radio']:checked + label,
.directorySearch-list .category-537 input[type='radio']:checked + label::before {color:#00b0d8;}
.directorySearch-list .category-536,
.directorySearch-list .category-536 input[type='radio']:checked + label,
.directorySearch-list .category-536 input[type='radio']:checked + label::before {color:#a2c617;}
.directorySearch-list .category-538,
.directorySearch-list .category-538 input[type='radio']:checked + label,
.directorySearch-list .category-538 input[type='radio']:checked + label::before {color:#50c9c5;}
    
    .directorySearch-list label {font-weight:400;}

        .directoryListTrees .directorySearch-list input[type='radio']:not(:checked) + label::before,
        .directoryListTrees .directorySearch-list input[type='radio']:checked + label::before,
        .directoryListTrees .directorySearch-list input[type='checkbox']:not(:checked) + label::before,
        .directoryListTrees .directorySearch-list input[type='checkbox']:checked + label::before {left:25px;}

        .directoryListTrees .directorySearch-list .category-0 input[type='radio']:not(:checked) + label::before {border:2px solid #f5692c;} 
        .directoryListTrees .directorySearch-list .category-539 input[type='radio']:not(:checked) + label::before {border:2px solid #db5197;}
        .directoryListTrees .directorySearch-list .category-537 input[type='radio']:not(:checked) + label::before {border:2px solid #00b0d8;}
        .directoryListTrees .directorySearch-list .category-536 input[type='radio']:not(:checked) + label::before {border:2px solid #a2c617;}
        .directoryListTrees .directorySearch-list .category-538 input[type='radio']:not(:checked) + label::before {border:2px solid #50c9c5;}


        .directoryListTrees .directorySearch-list .category-0 input[type='radio']:checked + label::before,  
        .directoryListTrees .directorySearch-list .category-539 input[type='radio']:checked + label::before,
        .directoryListTrees .directorySearch-list .category-537 input[type='radio']:checked + label::before,
        .directoryListTrees .directorySearch-list .category-536 input[type='radio']:checked + label::before,
        .directoryListTrees .directorySearch-list .category-538 input[type='radio']:checked + label::before {border:0; content:'\f058'; font-size:24px; left:20px; top:0;}

        .directorySearch .directorySearch-list label::after {display:none;}
.directoryListTrees .embed-responsive {z-index:1;}

.directoryListTrees .embed-responsive-16by9 .leaflet-control-container {position:relative; top:90px;}

.directoryList .bg-info {padding:5px 12px;}

/* Single */
.directorySingleTrees .wrapSidebarSingle .img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.directorySingleTrees .directoryInfos .row {border-bottom:1px solid #ddd; font-weight:400; margin:0; padding:30px 0;}
.directorySingleTrees .directoryInfos .row:last-child {border:0;}
    .directorySingleTrees .directoryInfos p {margin-bottom:0;}

.wrapBandeauTrees.noBg {min-height:inherit; padding:45px 20px;}
    .wrapBandeauTrees .wrapContainerBandeau {position:static; transform:none;}
        .wrapBandeauTrees .titleHeader {margin:0;}
        .wrapBandeauTrees .categoryHeader {align-items:center; border-radius:20px; color:var(--white); display:inline-flex; font-weight:600; height:40px; justify-content:center; margin-top:20px; padding:0 20px;}
        .wrapBandeauTrees .color-539 {background-color:#db5197;}
        .wrapBandeauTrees .color-537 {background-color:#00b0d8;}
        .wrapBandeauTrees .color-536 {background-color:#a2c617;}
        .wrapBandeauTrees .color-538 {background-color:#50c9c5;}
.directorySingleTrees .directoryInfos .row::before {display:none;}
/* ====================== 30 = Arbres remarquables début ======================= */

/* ====================== 26 = Annonces début ======================= */
/* Matricule */
.annonce-matricule {
    display: flex;
    align-items: center;
    padding: 20px;
    margin-bottom: 30px;
    background-color: var(--fourth);
}
    .annonce-matricule .label-matricule {
        margin-right: 35px;
        font-size: 1.125em;/* A11Y */
        /*color: #4a4a4a;
        font-size: 1.056em;
        font-weight: normal;*/
    }
    .annonce-matricule .input-matricule {
        border: 1px solid #cecece;
        height: 50px;
        margin-right: 20px;
        padding: 0 20px;
        width: 350px;
        color: #333;
        font-size: .889em;
        font-style: italic;
    }
    .annonce-matricule .submit-matricule,
    .annonce-matricule.succes .deconnexion-matricule {
        border: 2px solid var(--main);
        height: 50px;
        padding: 0 23px;
        background-color: var(--white);
        color: var(--main);
        font-weight: bold;
        text-transform: uppercase;
    }
.annonce-matricule.succes p {
    display: flex;
    align-items: center;
    margin: 0 auto 0 0;
}
     .annonce-matricule.succes p::before {
        display: inline-block;
        content: "";
        height: 30px;
        margin-right: 20px;
        width: 38px;
        background: url(../Img/user-check.svg) no-repeat center center;
        background-size: auto 30px;
    }
    .annonce-matricule.succes p .matricule-number {
        font-weight: bold;
    }
.annonce-matricule.succes .deconnexion-matricule {
    border-color: #c0bcb5;
    color: #737373;
}
/* Liste */
.annonces .title .subtitle {
    display: block;
    margin-top: 5px;
    color: #737373;
    font-size: 14px/*.583em*/;
    font-weight: normal;
}
    .annonces .title .subtitle .interne {
        margin-left: 5px;
        color: var(--main);
        font-weight: bold;
    }
.annonces .text {
    margin-bottom: 10px;
}
    .annonces .text p {
        margin-bottom: 0;
        line-height: 1.5;
    }
        .annonces .text p br {
            display: none;
        }
.annonces .date-publish {
    color: #999;
    font-size: .875em;
}
.annonces .link {
    /*top: 40px;*/
}
/* Single */
.singleAnnonces .annonce-title {
    /*margin-bottom: 30px;
    font-size: 1em;
    font-weight: bold;*/
}
.singleAnnonces .directories-single-text {
	margin-bottom: 2em;
}
	.singleAnnonces .annonce-item {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ddd;
    min-height: 50px;
	}    
	.singleAnnonces .annonce-item:last-child {
	  margin-bottom: 45px;
	}
    .annonce-item .item-title {
      width: 200px;
      color: #737373;
    }
    .annonce-item .item-content {
        
    }
.singleAnnonces .annonce-description {
    border-bottom: 1px solid #ddd;
    margin-bottom: 40px;
    padding-bottom: 20px;
}
    .singleAnnonces .annonce-description li {
    	position: relative;
      /*padding-left: 30px;*/
    }
      .rte-content .singleAnnonces .annonce-description li::before {
        position: absolute;
        top: 5px;
        content: "\e92c";
		    background-color: transparent;
		    color: var(--fourth);
		    font-weight: 600;
        /*height: 11px;
        width: 14px;
        background: url(../Img/check.svg) no-repeat center center;
        background-size: auto 14px;*/
      }
/* Colonne droite */
.singleAnnonces .annonce-postuler .postuler {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    height: fit-content;
    margin-bottom: 40px;
    padding: 30px;
    background-color: var(--mainmorepale);
}
    .singleAnnonces .annonce-postuler .postuler .btn-primary {
        border:0; 
        width: 100%;
        background-color:var(--main); 
        color:var(--white); 
        box-shadow:none; 
        text-decoration:none;
    }
/* Bouton retour */
.pageSection .singleAnnonces .toolsBack {
    background-color: var(--main);
}
/* ====================== 26 = Annonces fin ======================= */

/* ====================== 28 - PHARMACIES début ======================= */
.frame-type-textmedia .title-capitale {
	color: var(--dark); 
	font-size: 1.5em;
}
  .frame-type-textmedia .title-capitale::before {
  	display:none;
  }
.frame-type-textmedia .thisweek,
.frame-type-textmedia .nextweek {
	display: flex; 
	flex-direction: column;
	margin: 0 0 1em;
}
  .thisweek .green,
  .nextweek .grey {
    background-color: var(--fourth); 
    color: var(--white); 
    padding: 70px 20px 20px; 
    position: relative;
    width: auto;
  }
  .thisweek .carto {overflow:hidden; padding:0;}
    .thisweek .time,
    .nextweek .time {background-color:var(--main); font-weight:bold; left:0; line-height:1; padding:15px 20px; position:absolute; top:0; text-transform:capitalize;}
    :is(.thisweek,.nextweek) :is(.green,.grey) .title {
    	margin-bottom: 10px;
    	font-size: 1.333rem;
    	font-weight: 700;
    }
    .thisweek .green .address,
    .nextweek .grey .address {
    	color: var(--main);
    	font-size: 1.056rem; 
    	line-height: 1.2;
    }
      .thisweek .phone::before,
      .nextweek .phone::before {font-size:22px; margin-right:5px; position:relative; top:2px;}

  .thisweek .carto {
  	background-color: var(--grey);
  }

  .nextweek .grey {
  	background-color: var(--mainmorepale);
  	width: 100%;
  }
    .nextweek .phone,
    .nextweek .grey .title {
    	color: var(--main);
    }
    .nextweek .grey .address {
    	/*color: #4a4a4a;*/
    }
/* ====================== 28 - PHARMACIES fin ======================= */

/* Guide des démarches */
.rte-content .guide-breadcrumb .breadcrumb {
	padding: 0;
}
	.rte-content .artifica-guide .guide-breadcrumb li::before {
		display: none;
	}

/* ====================== 25 = Presse début ======================= */
#c888 .frame-inner .element-header  {
	justify-content: flex-start;
}
.presse-list .headerActus .title {color:var(--main);}
.presse-list .item-list {border-bottom:1px dashed #DDD; font-size:1.5em; margin:1em 0; padding:0 0 1em;}
    .presse-list .item-list a {color:#333;}
    .presse-list .item-list .title {font-size:1em; margin:0 0 5px;}
    .presse-list .item-list .dateCreate {color:var(--main); display:block; font-size:.519em;}
    .presse-list .item-list .plus {display:block; float:right; font-size:.519em;}
/* Single */
.presse-single .dateCreate {color:var(--main);}
.presse-single .toolsBack {color:var(--main); margin:2em 0;}
.presse-single .mediaListDefault {background:#e2e0dc; overflow:hidden; padding:5px 10px;}
    .mediaListDefault .list-unstyled li {padding-left:0;}
        .mediaListDefault .list-unstyled li::before {display:none;}
    .mediaListDefault .list-unstyled a {align-items:center; color:var(--main); display:flex; flex-wrap:wrap;}
        .mediaListDefault .list-unstyled .btn-primary {background-color:var(--main); border:0; color:var(--white); margin-right:10px;}
/* ====================== 25 = Presse fin ======================= */

/* ====================== 27 = MENU DES CANTINES début ======================= */
/*-Legendes-*/
.tx-artificarestorations-pi1-legend {float:left; width:260px;}
.tx-artificarestorations-pi1-legend li {margin-top:2px; overflow:hidden;}
.tx-artificarestorations-pi1-legend li:first-child {margin:0;}
.tx-artificarestorations-pi1-legend .abbr {width:30px; margin-right:5px; float:left; font-size:10px; border:none; text-align:center; font-weight:bold; color:var(--white);}
.tx-artificarestorations-pi1-legend abbr {border:none; display:block; padding:2px;}
.tx-artificarestorations-pi1-legend .label {font-size:11px;}
.tx-artificarestorations-pi1-legend .tx-artificarestorations-legend-AB {background:var(--white); border:1px solid #00ba61; color:#00ba61; height:18px; width:28px;}

.rte-content .menus .legends {}
.rte-content .menus .legends li {margin-bottom: 10px; font-size: 14px; }
.rte-content .menus .label {position: relative; padding: 0; }
.rte-content .menus .label abbr {position: absolute; top: 5px; left: 0; border: 0; padding: 0; z-index: 10; text-decoration: none !important;}
.legends .label .background-pdf,
.weeks .label .background-pdf {border-style:solid; border-width:0 0 0 28px; height:18px; width:30px;}

.legends ul {margin-bottom:10px; overflow:hidden;}
    .legends ul li {align-items:center; display:inline-flex; float:left; font-size:.889rem; margin:0 15px 20px 0; padding-left:0;}
    .legends ul li + li {margin-top:0;}
        .legends ul li::before {display:none;}    
.legends .label {margin-right:5px; padding:0;}
.label .background-pdf {display:none;}
.legends .icon-cantine,
.type .icon-cantine {height:25px; width:25px;}

/* Liste */
#formMenuCantine {
	background-color: var(--mainmorepale); 
	margin-bottom: 30px;
	padding: 30px;
}
    #formMenuCantine label {
    	margin-bottom: 20px;
    	font-weight: 700;
    }
    #menuCantineSelectorDate {
    	background-color: var(--main); 
    	border: 3px solid var(--main); 
    	color: var(--white); 
    	display: block; 
    	font-size: .75em; 
    	font-weight: 600; 
    	margin: 0; 
    	padding: 10px; 
    	max-width: 100%;;
    	text-transform: uppercase;
    }

    .menus .print-button {
    	float: none;
    	margin: 20px 0 0;
			padding-left: 10px;
    }
        .menus .print-button a {
        	color: var(--main); 
        	font-size: .889em;
        }
            .menus .print-button .icon-print {
            	/*background: url("../Img/imprimante.png") no-repeat center center; */
            	display: inline-block; 
            	/*height: 20px; */
            	left: -8px; 
            	position: relative; 
            	top: 5px; 
            	/*width: 20px;*/
            	font-size: 18px;
            }
            	.menus .print-button .icon-print::before {
            		content: '\e914';
            		color: var(--main);
            	}

    .menus .weeks .items {
    	background-color:var(--mainmorepale);
    	border-radius: 15px;
    	border-bottom:6px solid #e5e5e5; 
    	margin:10px; 
    	padding:30px; 
    	/*width:calc(50% - 10px);*/
    	width: 100%;
    	overflow: hidden;
    }
    .menus .weeks .item1,
    .menus .weeks .item3,
    .menus .weeks .item5 {margin-left:0;}
    .menus .weeks .item2,
    .menus .weeks .item4 {margin-right:0;}
    .menus .weeks .item3,
    .menus .weeks .item5 {clear:left;}
        .menus .weeks .items .dayDate {background-color:var(--main); color:var(--white); display:inline-block; font-size:1rem; left:-30px; line-height:1; margin:0; padding:16px 20px; position:relative; text-transform:uppercase; top:-30px;}
        .menus .weeks .items .txt-info {
        	background-color: var(--reda11y); 
        	color: var(--white); 
        	padding: 5px;
        }
        .menus .weeks .items .list-unstyled {
					margin-bottom: 30px;
        }

.menus .weeks {display:flex; flex-wrap:wrap; margin-bottom:50px;}
.menus .titleWeek {color:#057EB4; font-size:16px; font-weight:bold; margin-bottom:10px;}
.menus .print {border-bottom:1px solid #CBCBCB; margin-bottom:5px; padding-bottom:5px;}
.menus .print img {padding-right:5px;}
.menus .items .dayMenu li {/*background-color:#E1E0DC; border-bottom:1px solid #ccc;*/ margin-bottom:5px; padding-bottom:5px;}
.menus .items .dayMenu li .title {font-weight:bold; font-size:14px;}

.menus .items .dayMenu li {display:flex; margin:0; padding:0;}
    .menus .items .dayMenu li::before {display:none;}

.menus .items .dayMenu li li {padding:4px 15px 4px 0;}
.menus .items .dayMenu li li p:first-child {margin:5px 0;}
.menus .items .dayMenu li li > p {font-weight:bold;}
.menus .items .dayMenu li li ul, .menus .items .dayMenu li .alter {background-color:#F4F4F4;}
.menus .items .dayMenu li li li {padding:0 15px;}
.menus .items .dayMenu li .gouter {color:#339900; padding:4px 0;}
    .menus .items .dayMenu li .dish {}
    .menus .items .dayMenu li .type {margin-left:auto;}
.menus .items .dayMenu li .label {border:none; border-radius:0; color:var(--white); float:left; font-size:10px; font-weight:bold; margin-right:5px; text-align:center; width:30px;}

/* Rajout client */
/*-Liste-*/

* {box-sizing: border-box;}

.menus .titleWeek {color:#057EB4; font-size:16px; font-weight:bold; margin-bottom:10px;}
.menus .print {border-bottom:1px solid #CBCBCB; margin-bottom:5px; padding-bottom:5px;}
.menus .print img {padding-right:5px;}
.menus .items .dayMenu li {/*background-color:var(--white);*/ /*border-bottom:1px solid #CBCBCB;*/ margin-bottom:5px; padding-bottom:5px;}
.menus .items .dayMenu li .title {font-weight:bold; font-size:14px;}

.menus .items .dayMenu li {margin:0; overflow:hidden; padding:0;}
    .menus .items .dayMenu li::before {display:none;}

.menus .items .dayMenu li li {padding:4px 15px 4px 0;}
.menus .items .dayMenu li li p:first-child {margin:5px 0;}
.menus .items .dayMenu li li > p {font-weight:bold;}
.menus .items .dayMenu li li ul, .menus .items .dayMenu li .alter {background-color:#F4F4F4;}
.menus .items .dayMenu li li li {padding:0 15px;}
.menus .items .dayMenu li .gouter {color:#339900; padding:4px 0;}
.menus .items .dayMenu li .dish {float:left;}
.menus .items .dayMenu li .type {float:right; padding-top:5px; }
/*.menus .items .dayMenu li .label {border:none; border-radius:0; color:var(--white); float:left; font-size:10px; font-weight:bold; margin-right:5px; text-align:center; width:30px;}*/

.label {/*border:none; color:var(--white); display:inline-block; float:left; font-size:10px; font-weight:bold; margin-right:5px;*/}

span.label {
    /*position: relative;
    height: 22px;
    width: 32px;*/

}
#pdf .icon-cantine {
    height: 25px;
    width: 25px;
}
span.label .border-pdf { 
    position:absolute;
    width: 30px;
    height: 20px;
    /*border:1px solid var(--white);*/ /* ??? */
}
span.label .background-pdf { 
    width: 30px;
    height: 18px;
    border-style: solid;
    border-width: 0 0 0 28px;
}
span.label abbr {
    position: absolute;
    display:inline-block;
    height: 20px;
    width: 30px;
    padding: 4px;
    text-align: center;
    text-decoration: none;
}

.menus .items .dayMenu li .sr-only {}
/*.menus .items .dayMenu li abbr {border:none; display:block; padding:2px;}*/
.menus .items .dayMenu li .tx-artificarestorations-legend-AB {background:var(--white); color:#00ba61; border:1px solid #00ba61; width:24px; height:18px;}

/*h1, h2, h3, h4, h5, h6{font-family: arial, sans-serif !important;}*/ /* Casse l'affichage des titres page accueil */

#pdf {font-family: arial, sans-serif;}

#pdf .legends {font-size: 14px; margin: 20px 0;}

#pdf .legends ul { 
    display: flex;
    flex-wrap: wrap; 
  }

#pdf .legends li { 
    width: 50%;
    margin: 0;
  }

#pdf .weeks {display: flex; flex-wrap: wrap; justify-content: space-between;}
#pdf .titleWeek {width: 100%;  margin-bottom: 20px; color: #7ec04b;}
#pdf .weeks .items {width: 48%; padding: 20px; border: 1px solid #ddd; margin-bottom: 20px;}
#pdf .weeks .items ul{margin-bottom: 10px;}

#pdf .weeks .dayDate {margin: 0 0 20px; font-family: arial, sans-serif !important; font-size: 15pt !important; background-color: #ddd; padding: 10px; }

.logo-print { width: 150px; display: none;}

#pdf .logo-print { display: initial;}

/*#pdf .frame {display: none;}*/

#pdf .border-pdf {display: none;}

.menu-site-name{width: 100%; clear: both;}

/*#pdf .item2 {page-break-after: always;}*/
/* ====================== 27 = MENU DES CANTINES fin ======================= */

/* RSS */
.rss-form .link {
  display: block;
  color: var(--main);
  font-weight: 700;
  text-decoration: none;
}
	.rss-form .link::before {
		content: '\e96b';
	}

/* Surcharges BP */
.bg-danger.text-danger {
	color: var(--white);
}

/* ====================== 33 = Expositions Photos début ======================= */
.expos .pageSection {
    padding-bottom: 60px;
}
    /* Header */
    .expos .siteHeader {
        border-bottom: 1px solid #d8d7d5;
        background-color: var(--white);
    }
        /*.expos .siteHeader .logo .img-responsive:first-child {
            background-color: #262626;
        }*/
    .expos .siteHeader .list-link li a {
        border-left: 1px solid #d8d7d5;
        color: #808080;
    }
        .expos .siteHeader .list-link li a .img-testimony {
            background-image: url("../Img/ico_testimonial-grey.svg");
        }
        .expos .siteHeader .list-link li a .img-actu {
            background-image: url("../Img/header-actu-grey.png");
        }
        .expos .siteHeader .list-link li a .img-event {
            background-image: url("../Img/header-event-grey.png");
        }
        .expos .siteHeader .list-link li a .img-services {
            background-image: url("../Img/header-services-grey.png");
        }
        .expos .siteHeader .list-link li a .img-recrutment {
            background-image: url("../Img/briefcase-thin-grey.svg");
        }
    /* Recherche */
    .expos #searchmenu {
        border-left: 1px solid #d8d7d5;
        border-bottom: 1px solid #d8d7d5;
        background-color: var(--white);
    }
    .expos .siteHeader .icon-tool-search {
        color: #262626;
    }
    /* Menu */
    .expos #megamenu {
        border-left: 1px solid #d8d7d5;
        border-right: 1px solid #d8d7d5;
        background-color: transparent;
        color: #262626;
    }
    /* Breadcrumb et réseaux */
    .expos .content .pageAside {
        margin: 0;
        background-color: transparent;
    }
        .expos .breadcrumb .link {
            color: #4a4a4a;
        }
        .expos .breadcrumb .strong {
            color: #c1c1c1;
        }
        .expos .breadcrumb .icon {
            background-image: url("../Img/icon-ariane-black.png");
        }
    body.expos .toolsPage .btn-link {
        border-color: #c1c1c1;
        color: #c1c1c1;
    }
    /* Titre */
    .expos .pageHeader {
        display: flex;
        align-items: center;
        flex-direction: column;    
        height: inherit;
        padding: 50px 0 60px;
        background-color: var(--white);
        color: #262626;
        clear: both;
    }
        .expos .pageHeader .categoryTitle {
            text-transform: uppercase;
        }
        .expos .pageHeader .pageTitle {
          position: static;
          font-size: 2rem; 
          margin-bottom: 20px;
          font-weight: normal;
          color: #262626;
          transform: none;
          word-break: break-word;
        }
        .exposPage .pageHeader .pageTitle {
          margin-bottom: 12px;
        }
        .expos .pageHeader .datePublish {
          margin-bottom: 0;
          color: #999;
          font-size: .889rem;
        }
    /* Sommaire */
    .expos-summary .container {
      position: relative;
      margin-bottom: 60px;
    }
    .expos-summary .container:last-child {
      margin-bottom: 0;
    }
    		.expos-summary .container .img-responsive {
					display: block;
					height: auto;
					max-width: 100%;
    		}
        .expos-summary .summary-text {
          position: static;
          bottom: 0;
          top: 0;
          z-index: 1;
          display: flex;
          padding: 20px 10px 0;
        }
        .expos-summary .summary-odd .summary-text {
            right: 0;
        }
        .expos-summary .summary-even .summary-text {
            left: 0;
        }
            .expos-summary .summary-text .summary-link {
                display: flex;
                align-items: center;
                flex-direction: column;
                justify-content: center;
			          border-bottom: 3px solid #262626;
			          padding: 0 0 30px;
                width: 100%;
                background-color: var(--white);
                color: #262626;
                text-align: center;
                text-decoration: none;
            }
                .summary-text .summary-link .summary-thematique {
			              margin-bottom: 10px;
			              font-size: .875rem;
                    text-transform: uppercase;
                }
                .summary-text .summary-link .summary-title {
		              margin-bottom: 10px;
		              font-size: 1.5rem;
                }
                	.summary-text .summary-link .summary-title::before {
                		display: none;
                	}
                .summary-text .summary-link .summary-category {
                    margin: 0;
                    font-size: .875rem;
                    font-weight: bold;
                    color: #999;
                }
    /* Page */
    .exposPage .pageHeader {
        border-bottom: 1px solid #d8d7d5;
    }
        .exposPage .pageHeader .artisteDescription {
            margin-top: 75px;
            text-align: left;
        }
            .exposPage .artisteDescription .leadTitle,
            .exposPage .pageSection .container h2,
            .exposPage .artisteDescription .frame-type-textmedia header h2 {
	              margin-bottom: 30px;
	              font-size: 1.333rem; 
                color: #999;
                font-weight: normal;
                line-height: 1;
            }
                .exposPage .artisteDescription .frame-type-textmedia header h2::after {
                    display: none;
                }
            .exposPage .artisteDescription .lead,
            .exposPage .artisteDescription .frame-type-textmedia p,
            .expos .pageSection .container .frame-type-textmedia p {
                margin-bottom: 0;
                font-size: 1rem;
                line-height: 2;
            }
    .exposPage .pageSection .container h2 {
        margin: 60px 0;
    }
    .expos .pageSection .container .frame-type-textmedia {
        margin-bottom: 3rem;
    }
    /* Diaporama BlueImp */
    .mediaListExpositions .blueimp-gallery, 
    .mediaListExpositions .blueimp-gallery>.slides>.slide>.slide-content {
        position: relative;
    }
    .mediaListExpositions .blueimp-gallery-carousel {
        padding-bottom: 0;
        background: none transparent;
        box-shadow: none;
    }
        .mediaListExpositions .blueimp-gallery-carousel>.slides {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            height: auto;
        }
            .mediaListExpositions .blueimp-gallery>.slides>.slide>.slide-content {
                max-height: 250px!important;
                margin: 0 auto;
            }
    .mediaListExpositions .blueimp-gallery>.close, 
    .mediaListExpositions .blueimp-gallery>.title {
        color: #262626;
        opacity: 1;
        text-shadow: none;
    }
    .mediaListExpositions .blueimp-gallery>.title {
        position: static;
        margin: 20px 0 10px;
        text-align: center;
    }
    .mediaListExpositions .blueimp-gallery>.description {
        margin: 0 auto 40px;
        padding: 0 10px;
        max-width: 476px;
        text-align: center;
    }
         .mediaListExpositions .blueimp-gallery>.description .creator {
            display: block;
            margin-bottom: 15px;
            color: #999;
            font-weight: bold;
        }
         .mediaListExpositions .blueimp-gallery>.description .description-text {
            margin-bottom: 0;
            font-size: .833rem;
        }
    .mediaListExpositions .blueimp-gallery>.next, 
    .mediaListExpositions .blueimp-gallery>.prev {
        border: 0;
        height: 230px;
        margin: 0;
        width: 32px;
        background-color: transparent;
    		color: var(--dark);
    		font-size: 2rem;
        transform: translateY(-115px);
    }
    .mediaListExpositions .blueimp-gallery>.next {
    	right: 0;
    }
    .mediaListExpositions .blueimp-gallery>.prev {
			left: 0;
    }
    	.mediaListExpositions .blueimp-gallery>.next::before {
    		content: '\e931';
    	}
    	.mediaListExpositions .blueimp-gallery>.prev::before {
    		content: '\e930';
    	}

        .mediaListExpositions .blueimp-gallery>.next .icon, 
        .mediaListExpositions .blueimp-gallery>.prev .icon,
        .mediaListExpositions .blueimp-gallery button .fa {
            display: none;
        } 
    .mediaListExpositions .blueimp-gallery .play-pause {
        display: none;
    }
    .mediaListExpositions .blueimp-gallery .fullScreen {
        bottom: 0;
        left: 50px;
        right: 50px;
        top: 0;
        height: auto;
        width: auto;
        background: transparent;
        cursor: pointer;
        opacity: 1;
    }
        .mediaListExpositions .blueimp-gallery>.fullScreen::before {
            display: none;
        }
    /* Images du bas */
    .mediaListExpositions .diaporama-controls {
    	position: relative;
    	/*display: block!important;*/
    }
        .mediaListExpositions .indicator {
            height: 100px;
		        margin: 0 0 60px;
		        padding: 0 50px;
		        width: 100%;
        }
            .mediaListExpositions .indicator ul {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
            }
                .mediaListExpositions .indicator ul li {
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    border: 1px solid transparent;
                    height: 100px;
                    margin: 0;
                    padding: 5px;
                    min-width: 100px;
                }
                .mediaListExpositions .indicator ul li:hover,
                .mediaListExpositions .indicator ul li.active {
                    background: #efefef;
                    border-color: #d8d7d5;
                }
                    .mediaListExpositions .indicator ul li::before {
                        display: none;
                    }

                .mediaListExpositions .diaporama-controls>.next,
                .mediaListExpositions .diaporama-controls>.prev {
                	position: absolute;
								    z-index: 1;
								    top: 27px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    border-radius: 0 !important;
								    height: 46px;
								    width: 46px;
                    background-color: var(--white);
                    color: #262626;
                    font-size: 1.5rem;
                }
                .mediaListExpositions .diaporama-controls>.next {
                	right: 0;
                }
                .mediaListExpositions .diaporama-controls>.prev {
                	left: 0;
                }


    /* Bouton retour */
    .expos .mediaListExpositions-back {
    	position: relative;
      display: inline-flex;
      align-items: center;
      height: 50px;
      padding: 0 15px 0 40px;
      background: #262626 /*url("../Img/prev-white.svg") no-repeat 12px center / auto 20px*/;
      color: var(--white);
      font-weight: bold;
      text-decoration: none;
      text-transform: uppercase;
    }
    	.expos .mediaListExpositions-back::before {
		    position: absolute;
		    left: 14px;
		    content: '\e930';
		    font-size: 24px;
    	}
    .expos .frame-type-menu_subpages + .container .mediaListExpositions-back {
        margin-top: 60px;
    }
/* ====================== 33 = Expositions Photos fin ======================= */

/* Plan du site */
.frame-type-menu_sitemap a {
	text-transform: none;
}


/* 08 = ACTUALITÉS */
/* Filtres */
.results-list .accordion .accordion-header {
  font-size: 1em;
}
.extension-actualites .accordion-item {
	background-color: transparent;
}
	.extension-actualites .filters .row + .row {
		margin: 0;
	}
/* Liste */
.results-list .news-list {
	gap: 50px 0;
	justify-content: flex-start;
}
	.extension-actualites .home-news-list .home-news-item .item {
		flex-direction: column-reverse;
		gap: 20px;
	}
		.extension-actualites .home-news-item .home-news-body .news-title {
			
		}
		.extension-actualites .home-news-item .picture {
			aspect-ratio: 39 / 22;
		}
/* Single */
.single-news .frame-picture {
	padding-top: 0;
}
.single-content .picture {
	display: block;
	border-radius: 50px 50px 0;
	aspect-ratio: 77 / 50;
	overflow: hidden;
}
	.single-content .picture .img-fluid {
		width: 100%;
	}
.layout-single .site-main .btn.previous {
	border: none;
	box-shadow: none;
	padding: 0;
	background-color: transparent;
	color: var(--main);
	font-size: 1em;
	font-weight: 700;
	line-height: 1.5;
	text-decoration: none;
	text-transform: none;
}
.layout-single .date-maj {
	display: flex;
  align-items: center;
  gap: 10px;
	order: 4;
	margin: 0;
	font-size: .8125em;
	color: var(--grey-text);
}
.layout-single .rte-content .gallery-item .lightbox picture {
	aspect-ratio: 3 / 2;
	overflow: hidden;
}	
.arrow.previous {
  flex-direction: row-reverse;
  margin: 60px 0 0 18px;
}
	.arrow.previous::before,
	.arrow.previous::after {
    right: auto;
    left: -17px;
	}
	.arrow.previous::after {
    left: -27px;
	}
	.arrow.previous .icon {
		transform: rotate(180deg);
	}

/* Liste des annonces */
.searchList .item {
    background-color: var(--mainmorepale); 
    margin-top:20px; min-height:86px; 
    padding:20px 210px 20px 20px; 
    position:relative;
}
	.searchList .title {
	    color: var(--main); 
	    font-size:24px; 
	    font-weight:700; 
	    margin:0 0 20px;
	}
		.annonces .title .subtitle {
		    display: block;
		    margin-top: 5px;
		    color: var(--grey-text);
		    font-size: 14px;
		    font-weight: normal;
		}
	.annonces .text {
	    margin-bottom: 10px;
	}
	.searchList .link, 
	.listPublication .link {
	    position: absolute;
	    right: 20px;
	    top: 50%;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    height: 40px;
	    margin-top: -20px;
	    width: 170px;
	    background-color: var(--main);
	    color: var(--white);
	    font-size: 1.75em;
	    line-height: 1.4285;
	    text-align: center;
	    text-transform: uppercase;
	    transition: background-color 0.2s ease, color 0.2s ease;
	}
	.searchList .link:is(:focus,:hover,:active) {
    background-color: var(--white);
    color: var(--main);
    text-decoration: none;
	}
		.searchList .cbv, 
		.listPublication article .cbv {
		    margin-right: 10px;
		    font-size: 22px;
		}
			.cbv-eye::before {
		    content: "\e926";
			}

/* Annonces */
/* Liste informations */
.singleAnnonces .recrute-list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 30px;
  margin-bottom: 2em;
}
	.recrute-list .recrute-item {
    border-radius: 20px;
    margin: 0;
    padding: 20px;
    background-color: var(--grey);
	}
		.recrute-item .title {
			display: block;
			color: var(--main);
			font-size: 1.5em;
			font-weight: 700;			
		}


/* 09 = AGENDA */
/* Liste */
.page-body > .frame:first-child {/* Corrige espace top des fiches */
	padding-top: 0;
}
.results-list .events-list {
  gap: 50px 0;
}
	.rte-content .results-list .events-item {
	  margin-bottom: 0;
	}
		.results-list .events-item .item {
			position: relative;
			border-radius: 10px;
			box-shadow: 0 0 15px rgba(0, 0, 0, .15);
		}
			.results-list .events-item .item::before {
				position: absolute;
				bottom: 0/*1px*/;
				right: 1px;
				z-index: 0;
				content: '';
				border-bottom-right-radius: 12px;
				height: 75px; /* 98% */
				width: 150px; /* calc(100% - 1px) */
				background-color: var(--secondary);
				opacity: 0;
				transition: all .2s;
			}
			.results-list .events-item .item::after {
				position: absolute;
				bottom: 0;
				right: 0;
				z-index: 1;
				content: '';
				border-bottom-left-radius: 12px;
				border-bottom-right-radius: 12px;
				height: 50%/*100px*/;
				width: 100%/*175px*/;
				background-color: var(--white);
				transition: all .2s;	
			}
			.results-list .events-item:hover .item::before {
				bottom: -5px;
				right: -5px;
				opacity: 1;
			}
			.events-list .home-events-list .events-item:is(.cancelled, .deferred, .completed) {
				position: relative;
			}
				.events-list .events-item:is(.cancelled, .deferred, .completed) .object-fit {
					opacity: .5;
				}
				.events-list .events-item:is(.cancelled, .deferred, .completed)::after { /* page d'accueil + liste */
					position: absolute;
					top: 20px;
					right: 35px;
					display: flex;
					align-items: center;
					justify-content: center;
					content: "Annulé";
					border-radius: 15px;
					height: 24px;
					padding: 2px 10px;
					width: max-content;
					background-color: var(--white);
					color: var(--reda11y);
					font-size: .875em;
					line-height: 1.428;
					text-transform: uppercase;
				}
				.events-list .events-item.external:is(.cancelled, .deferred, .completed)::after {
					right: 75px;
				}
				.events-list .events-item.deferred::after {
					content: "Reporté";
				}
				.events-list .events-item.completed::after {
					content: "Complet";
				}
				/* Image différente de l'accueil */
				.results-list .events-list .picture {
					background-color: var(--white);
					aspect-ratio: 39 / 22;
				}
				.results-list .events-list .events-body {
					z-index: 2;
    			border-radius: 0 0 10px 10px;
					padding: 30px 20px;
    			background-color: var(--white);
				}
					.results-list .link {
						color: var(--main);
					}
					.results-list .events-item .item .link:is(:focus-visible,:focus,:hover,:active), 
					.results-list .item:hover .events-title .link {
						color: var(--main);
						text-decoration: none;
						/*color: var(--secondary);
						text-decoration-color: var(--secondary);*/
					}
					.results-list .category {
						color: var(--secondary);
					}
					.results-list .events-body :is(.events-time,.events-place,.events-organizer) .fa-regular {
						background-color: var(--greypale);
					}


/* Filtres */
.site-main .filters {
		border-bottom: 1px solid var(--grey-border);
    margin-bottom: 50px;
    padding-bottom: 30px;
    background-color: transparent;
}
	.filters .accordion-filters {
		width: 100%;
	}
		.filters .accordion-item {/* Agenda */
			background-color: transparent;
		}
			.filters .row {
				flex-direction: column;
				gap: 10px;
				box-shadow: none;
				margin-bottom: 0;
				background-color: transparent;
			}
			.filters .row + .row {
				margin-top: 20px;
			}
				.filters .row > .form-group {
					margin: 0;
				}
				.filters .form-group {
					display: flex;
					flex-direction: column;
					gap: 10px;
					padding: 0;
					width: 100%;
				}
				/* select */
				.filters .form-group.filters-select {
					border-radius: 25px;
					padding: 0;
					/*overflow: hidden;*/
				}
				.filters .form-group.date {
					position: static;
					height: unset;
				}
				.filters .form-group.submit {
					margin-top: 20px;
					/*width: 50%;*/
				}
				.filters .form-group.submit + .form-group.submit {
					margin-top: 0;
				}
					.filters .label {					
						color: var(--main);
						font-size: .9375em;
					}
						.filters .label .label-help {
							color: var(--grey-text);
							font-size: .8125em;
						}
					.filters .form-group.submit .btn {
						border-radius: 25px;
						padding: 0 25px;
						height: 44px;
						min-height: auto;
						width: 100%;
						font-size: .9375em;
						text-decoration: none;
					}
					.filters .form-group .form-control {
						position: relative;
						border-color: #555;
						border-bottom-width: 1px;
						border-radius: 25px;
						height: 44px;
						padding: 11px 40px 11px 20px;
						background-color: var(--search);
						color: var(--grey-text);
						font-size: .875em;
						box-shadow: none;
					}
					.filters .form-control::placeholder {
						color: var(--text-grey);
					}
					.filters select.form-control {
						border: 1px solid var(--main);
						height: 46px;
						/*background: var(--search) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KCTxwYXRoIGZpbGw9IiMwQTQxNEQiIGQ9Ik0yMzMuNCA0MDYuNmMxMi41IDEyLjUgMzIuOCAxMi41IDQ1LjMgMGwxOTItMTkyYzEyLjUtMTIuNSAxMi41LTMyLjggMC00NS4zcy0zMi44LTEyLjUtNDUuMyAwTDI1NiAzMzguNyA4Ni42IDE2OS40Yy0xMi41LTEyLjUtMzIuOC0xMi41LTQ1LjMgMHMtMTIuNSAzMi44IDAgNDUuM2wxOTIgMTkyeiIvPgo8L3N2Zz4K) no-repeat right 18px center / 16px auto;*/
						background: var(--search) url(../Img/tremblay_sprite.svg#chevron-down) no-repeat right 6px center / 30px 30px;
						color: var(--main);
						appearance: none;
						cursor: pointer;
					}
					.filters select.form-control:focus {
						border: 1px solid #000;
					  /*background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KCTxwYXRoIGZpbGw9IiMwQTQxNEQiIGQ9Ik0yMzMuNCAxMDUuNGMxMi41LTEyLjUgMzIuOC0xMi41IDQ1LjMgMGwxOTIgMTkyYzEyLjUgMTIuNSAxMi41IDMyLjggMCA0NS4zcy0zMi44IDEyLjUtNDUuMyAwTDI1NiAxNzMuMyA4Ni42IDM0Mi42Yy0xMi41IDEyLjUtMzIuOCAxMi41LTQ1LjMgMHMtMTIuNS0zMi44IDAtNDUuM2wxOTItMTkyeiIvPgo8L3N2Zz4=);*/
					  background: var(--search) url(../Img/tremblay_sprite.svg#chevron-up) no-repeat right 6px center / 30px 30px;
						box-shadow: none;
					  outline: none;
					}
					.filters .form-group input[name="datestart"] {
						padding-right: 5px;
					}
					.filters input[name="datestart"]::-webkit-calendar-picker-indicator {
				    border-radius: 50%;
				    height: 18px;
				    padding: 8px;
				    width: 18px;
				    background-color: var(--secondary);
				    color: var(--white);
				    color-scheme: dark;
				    font-size: 16px;
				    line-height: 1;
				    cursor: pointer;
					}
					.filters .calendar .dropdown-toggle {
						height: 46px;
					}
					.filters .calendar .dropdown-toggle:is(:focus,:active) {
						border: 1px solid #000;
					}
					.filters .calendar .dropdown-toggle::after {
						position: absolute;
						right: 5px;
						display: flex;
						align-items: center;
						justify-content: center;
						content: "\e933";
						border: none;
						border-radius: 50%;
						height: 42px;
						width: 42px;
						background-color: transparent;
						color: var(--secondary);
						font-size: 30px;
						transition: .3s ease;
					}
					.filters .calendar .dropdown-toggle.show::after {
						/*transform: rotate(180deg);*/
					}
						.events-list .date .calendar .time {
							position: static;
							background: no-repeat;
						}
						.calendar .dropdown-menu {
							border: 0;
							border-radius: 20px;
							min-width: 320px;
						}
							.calendar .thosedates {
								flex-direction: row;
								justify-content: space-between;
							}
								.calendar .btn-thosedates {
									border: 1px solid var(--grey-border);
									min-height: inherit;
									padding: 8px 12px;
									background-color: var(--white);
									color: var(--dark);
									font-size: .875em;
									font-weight: unset;
									text-transform: none;
								}
								.calendar .btn-thosedates:is(:focus-visible,:focus,:hover,:active),
								.calendar .btn-thosedates.active {
									border: 1px solid var(--main);
									background-color: var(--main);
									color: var(--white);
									box-shadow: none;
								}
						.filters .submit .btn-submit {
							border: 1px solid var(--secondary);
							background-color: var(--secondary);
							color: var(--white);
							text-transform: none;
						}
						.filters .submit .btn-submit:is(:focus-visible,:focus,:hover,:active) {
							border-color: var(--main);
							background-color: var(--main);
							color: var(--white);
						  box-shadow: none;
						}
						.filters .form-group.submit .btn-reset {
							border: 1px solid var(--grey-border);
							box-shadow: none;					
							background-color: transparent;
							color: var(--main);
							text-decoration: none;
							text-transform: inherit;
						}
						.filters .submit .btn-reset:is(:focus-visible,:focus,:hover,:active) {
					    border-color: var(--grey-border);
					    color: var(--secondary);
					    background-color: var(--greypale);
						}
						/* Calendrier */
						.ui-datepicker td {
							padding: 3px 7px;
						}
							.ui-datepicker td span, 
							.ui-datepicker td a {
						    height: 36px;
						    width: 36px;
							}
.btn-primary.btn-plus {
	text-transform: inherit;
}
.results-list .criteria-total {
	display: flex;
	align-items: baseline;
	gap: 30px;
	margin: 0 0 50px;
}
/* Switch */
.filters .switch input:checked + label::before {
  border-color: var(--dark);
  background-color: var(--dark);
}

.input-group .form-control:focus-visible,
.form-group select.form-control:focus-visible,
.filters .form-group input[type="text"]:focus-visible {
  border: 0;
  outline: none;
  box-shadow: var(--ombre-outline);
}

/* Critères */
.search-result .criteria-total {
	margin-top: 0;
}
	.criteria-total .totalresults {
	  display: flex;
	  gap: 5px;
	  font-size: 1.25em;
	}
		.totalresults .text .colored {
			font-weight: inherit;
			color: var(--secondary);
		}
		.totalresults .colored.keyword {
			margin: 0;
		}
		/* Boutons */
		.criteria .btn-primary {
			border: 0;
			height: 30px;
			min-height: inherit;
			padding: 6px 10px;
			background-color: var(--greypale);
			font-weight: 400;
			line-height: 1.125;
			text-transform: inherit;
			cursor: auto;
		}
		.criteria .btn-primary:is(:focus-visible,:focus,:hover,:active) {
			border: 0;
			background-color: var(--main);
    	color: var(--white);
		}
			.criteria .btn-primary .btn-remove {
		    border: 0;
		    height: 30px;
		    margin: -6px -10px -6px -10px;
		    width: 30px;
		    background-color: transparent;
		    color: var(--main);
		    transition: color .3s;
			}
			.criteria .btn-primary:is(:focus-visible,:focus,:hover,:active) .btn-remove {
				color: var(--white);
			}
				.criteria .btn-primary .btn-remove::before {
					font-size: .875em;
				}

/* Fiche */
.agenda.layout-single .page-title::after,
.actualites.layout-single .page-title::after {
	display: none;
}
/* Infos pratiques */
.single-content .lead + .frame {
	padding-top: 0;
}
	.single-events .practical-info {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 15px;
    border-radius: 10px;
    padding: 40px;
    background-color: var(--greypale);
	}
		.single-events .practical-info::before,
		.single-events .practical-info::after {
			position: absolute;
			right: 0;
			top: 0;
			content: '';
			border-top-right-radius: 12px;
			height: 105px;
			width: 178px;
		}
		.single-events .practical-info::before {
			right: -5px;
			top: -5px;
			background-color: var(--secondary);
		}
		.single-events .practical-info::after {
			background-color: var(--greypale);
			height: 110px;
			width: 183px;
		}
		.rte-content .practical-info .practical-title {
			position: relative;
			z-index: 1;
			margin-bottom: 10px;
			font-size: 1.125em;
			line-height: 1.333;
		}
			.practical-info .practical-title::before {
				display: none;				
			}
		.rte-content .single-events .title-right,
		.rte-content .single-events .h2 {/* Styles récurrents */
			margin-bottom: 20px;
			color: var(--main);
	    font-size: 1.375em;
	    line-height: 1.27;
		}
			.rte-content .single-events .title-right::before,
			.rte-content .single-events .h2::before {
				display: none;
			}
			.practical-info .practical-info-item {
		    position: relative;
		    z-index: 1;
				display: flex;
				align-items: center;
				gap: 20px;
				border-bottom: 1px solid var(--grey-border);
				padding: 3px 0 18px;
				font-size: .9375em;
			}
			.practical-info .practical-info-item:last-child {
				border-bottom: none;
			}
				.practical-info .practical-info-item::before {
			    align-items: center;
			    border-radius: 50%;
			    height: 30px;
			    min-width: 30px;
			    background-color: var(--white);
			    color: var(--secondary);
			    font-size: 1rem;
				}
				.practical-info .practical-info-time::before {
					content: '\e962';
				}
				.practical-info .practical-info-time .events-dates {
			    display: flex;
			    flex-direction: column;
			    gap: 5px;
			    transition: height .5s;
				}
				.practical-info .practical-info-time .open {
			    height: calc-size(auto, size);
				}
				.practical-info .practical-info-time .events-dates.scroll {
					display: flex;
					flex-direction: column;
					gap: 5px;
			    max-height: 250px;
			    width: 100%;
			    overflow: hidden auto;
				}
					.practical-info-item .events-dates .date {
						margin: 0;/* li */
						color: var(--main);
					  font-weight: 700;
					}
					/*.practical-info-item .events-dates .date:not(:first-child),
					.practical-info-item .events-dates .list-passed .date,
					.h3-passed {
						display: none;
					}*/
					.practical-info .events-dates .date.cancelled {color: var(--grey-text);
						/*color: rgba(36,39,43,.5);*/
						/*text-decoration: line-through;*/
					}
					.practical-info .events-dates .date.deferred {color: var(--grey-text);
						/*color: rgba(36,39,43,.5);*/
					}
					.practical-info .events-dates .date.completed {
						/*color: rgba(36,39,43,.5);*/
					}						 
					.practical-info .events-dates .h3 {
				    margin-bottom: 0;
				    color: var(--grey-text);
				    font-size: 1em;
				    font-weight: 400;
				    text-transform: uppercase;
					}
						.practical-info .events-dates .h3::after {
							display: none;
						}
					.practical-info .events-dates .date .red {
						border-radius: 10px;
						margin-right: 5px;
						padding: 0 6px;
						background-color: var(--white);
						color: var(--reda11y);
						font-size: .75em;
						font-weight: 700;
						line-height: 1.666;
						text-transform: uppercase;
					}
			/* Dates + bouton ========== Début ========== */
			.practical-info .practical-info-time {
				/*padding-bottom: 72px;*/
			}
				.practical-info-item .open .date:not(:first-child),
				.practical-info-item .open .list-passed .date {
					display: list-item;
				}
				.open .h3-passed {
					display: flex;
				}
			.events-dates .btn-dates {
				display: none;
		    /*position: absolute;
		    bottom: 18px;
		    right: 0;
		    gap: 5px;
		    border: 1px solid var(--secondary);
		    border-radius: 19px;
		    height: 36px;
		    padding: 0 15px;
		    background-color: var(--white);
		    color: var(--secondary);
		    white-space: nowrap;*/
			}
				.events-dates .btn-dates::after {
					content: '\e934';
					font-size: .875rem;
				}
				.open .btn-dates::after {
					transform: rotate(180deg);
				}
			/* Dates + bouton ========== Fin ========== */

				.practical-info-item .fa-regular,
				.practical-info-item .fa-light {
					position: relative;
		    	top: -1px;
					display: inline-flex;
					align-self: flex-start;
					justify-content: center;
					min-width: 24px;
					color: var(--main);
					font-size: 1.5rem;
				}
				.practical-info-item .link {
					position: relative;
					color: var(--secondary);					
				}
				.practical-info-item .link:is(:focus-visible,:focus,:hover,:active) {
					text-decoration: underline;
				}
					.practical-info-item .link::after {
						position: absolute;
				    right: -13px;
				    top: 5px;
						content: "\e977";
						font-size: .75rem;
					}
					.practical-info-item .link:is(:focus-visible,:focus,:hover,:active)::after {
						animation: bounce-arrow 1s ease;
					}					
					@keyframes bounce-arrow {
					    0% { transform:translateY(0%); }
					    15% { transform:translateY(-50%); }
					    35% { transform:translateY(50%); }
					    50% { transform:translateY(-35%); }
					    65% { transform:translateY(35%); }
					    85% { transform:translateY(-15%); }
					    100% { transform:translateY(0); }
					}
				.practical-info-item .events-dates .date.date-passed {
					color: var(--grey-text);
					/*text-decoration: line-through;*/
				}
				.practical-info .practical-info-location-alt p {
					margin-bottom: 0;
				}
				.practical-info .practical-info-item .condition {
					display: block;
				}
			.practical-info .practical-info-public .category {
		    padding: 0;
		    background: none;
		    color: var(--main);
		    font-size: inherit;
			}
			.practical-info .practical-info-reservation {
				flex-wrap: wrap;
				gap: 15px;
				padding-bottom: 0;
			}
				.practical-info-reservation .btn {
					border-radius: 22px;
					height: 44px;
					font-size: .9375em;
				}
				.practical-info-reservation .addEvents {
					/*background-color: var(--white);*/
			    /*border-color: var(--main);
			    padding: 10px 20px;
			    background-color: transparent;
			    color: var(--main);*/
				}
				.practical-info-reservation .addEvents:is(:focus-visible,:focus,:hover,:active) {
					/*border-color: var(--main);
					background-color: var(--main);
					color: var(--white);*/
				}
				.practical-info-reservation .btn-reserve::before {
					content: "\e95d";
				}
				.practical-info-reservation .addEvents::before {
					content: "\e95e";
				}
					/*.practical-info-reservation .btn-secondary .fa-regular {
						position: static;
						align-self: auto;
						min-width: inherit;
						color: var(--white);
						transition: color .3s;
					}
						.practical-info-reservation .btn-secondary .fa-regular::before {
							content: '';
					    height: 16px;
					    width: 25px;
					    background: url(../Img/tremblay_sprite.svg#reservation) no-repeat center center / cover;
						}*/
					.practical-info-reservation .addEvents,
					.practical-info-reservation .addEvents .fa-regular {
						/*color: var(--link);*/
					}
		.single-events .practical-info + hr {
			margin-bottom: 0;
		}		

/* Diaporama */
.rte-content .diaporama:not(:last-child),
.files-list-diaporama .diaporama:not(:last-child) {
  margin-bottom: 30px;
}

/*.single-agenda-map .map-info,*/
.single-events .single-organizer {
  border: 1px solid var(--grey-border);
  border-radius: 20px;
  overflow: hidden;
}
	/*.single-agenda-map .loading {
		margin-bottom: 0;
		height: unset;
	}*/
	.single-agenda-map .map-info-items {
		padding: 20px;
	}
		/*.single-agenda-map .map-info-item,*/
		.single-organizer .organizer-item {
			display: flex;
			gap: 10px;
			/*font-size: 1.125em;*/
		}
			/*.single-agenda-map .map-info-item p {
				font-size: 1em;
			}*/
				.single-events .frame .link {
					/*color: var(--main);
					text-decoration: none;*/
				}
				.single-events .frame .link:is(:focus-visible,:focus,:hover,:active) {
					text-decoration: underline;
				}
		/*.single-agenda-map .map-info-item + .map-info-item {
			margin-top: 20px;
		}*/
		/*.single-agenda-map .map-info-title,*/
		.single-organizer .organizer-title {
			font-size: 1.25em;
		}
			/*.map-info-item .fa-regular,
			.map-info-item .fa-light,*/
			.organizer-item .fa-regular {
				/*position: relative;
				top: 3px;*/
				align-self: flex-start;
				/*min-width: 40px;*/
				color: var(--secondary);
				font-size: 20px;
			}
.single-events .single-organizer {
	display: flex;
  flex-direction: column;
  gap: 20px;
	padding: 30px;
}
	.single-organizer .organizer-title {

	}
/* Articles en relation */
.agenda .rte-content .actualites .page-title {
	z-index: 1;
	padding-block: 40px;
	font-size: 3em;
	line-height: 1.15;
}
	.agenda .rte-content .actualites .page-title::after {
		top: calc(50% - 40px);
		display: block;
		transform: none;
	}
.agenda .results-list .news-list {
	justify-content: center;
}


/* 10 = ANNUAIRE */
/* Liste */
.directories-list .filters-results {
	gap: 50px 0;
}
	.elected-list .filters-results {
		display: flex;
		flex-wrap: wrap;
		gap: 15px;
	}
		.directories-list .item {
			height: 100%;
		}
			.directories-list .filters-results .item-directories {
				position: relative;
				display: flex;
				flex-direction: column;
				gap: 20px;
				justify-content: space-between;
				border-radius: 10px;
				/*border: 1px solid var(--grey-border);*/
				height: 100%;
				padding: 30px 30px 110px;
				background-color: var(--greypale);
				color: var(--dark);
				text-decoration: none;
				transition: all .3s;
			}
			.directories-list .filters-results .item-directories:hover {
				background-color: var(--white);
				box-shadow: 0 0 15px rgba(0,0,0,.15);
			}
				.directories-list .filters-results .item-directories::after {
					display: none;
					/*position: absolute;
					bottom: 25px;
					right: 25px;
			    display: flex;
			    align-items: center;
			    justify-content: center;
					height: 40px;
			    width: 40px;
			    border-radius: 20px;
			    background-color: var(--greypale);
					color: var(--main);
					font-size: 20px;
					line-height: 1;
					transition: all .3s;*/
				}*/
				/*.directories-list .filters-results .item-directories:is(:focus-visible,:focus,:hover,:active)::after {
					background-color: var(--white);
					color: var(--main);
				}*/
				.directories-list .item-directories .link {
					color: var(--main);
					font-weight: 700;
					text-decoration: none;
				}
				.directories-list .item-directories .link:is(:focus,:hover,:active) {
					text-decoration: none;
				}
				.directories-list .item-directories-caption .address {
					display: flex;
					align-items: baseline;
					gap: 10px;					
					color: var(--grey-text);
					font-size: .875em;
				}
					.directories-list .item-directories-caption .fa-location-dot {
						display: flex;
						align-items: center;
						justify-content: center;
						border-radius: 50%;
						height: 30px;
						width: 30px;
						background-color: var(--white);
				    color: var(--secondary);
				    font-size: 1rem;
				    line-height: 1;
					}
				/*.directories-list .item-directories-caption .fa-phone {
				    transform: rotate(90deg);
				}*/
				.directories-list .item-directories-caption .category {
					margin-bottom: 20px;					
				}
				/*.directories-list .item-directories-caption .livraison {
			    position: absolute;
			    bottom: 30px;
			    left: 30px;
			    align-items: center;
			    gap: 5px;
			    border-radius: 15px;
			    height: 30px;
			    margin: 0;
			    background-color: var(--greypale);
			    color: var(--main);
			    font-size: 1em;
				}*/
				/*.directories-list .item-directories:is(:focus,:hover,:active) .item-directories-caption .category {
					background-color: var(--main);
					color: var(--white);
				}*/
				.directories-list .item-directories-caption .title {
					margin-bottom: 20px;
					font-size: 1.5em;
					line-height: 1.333;
					transition: none;
				}
					.directories-list .item-directories-caption .title::after {
						content: none;
					}
					.directories-list .item-directories-caption .link {
						color: var(--main);
						text-decoration: none;
					}
				.directories-list .item-directories-caption .activity {
					color: var(--grey-text);
				}
				.directories-list .item-directories-caption .phone {
					color: var(--grey-text);
					font-weight: 400;
				}
					.directories-list .item-directories-caption .fa-regular,
					.directories-list .link:is(:focus-visible,:focus,:hover,:active) .item-directories-caption .fa-regular {
						/*margin-right: 10px;*/
						/*color: var(--main);*/
					}
				.directories-list .link *:last-child {
					margin-bottom: 0;
				}
				.list-item-directories .link .img-fluid {
			    /*height: 60px;
			    width: 60px;
			    min-width: 60px;*/
				}
				.elected-list .list-item-directories .link .img-fluid {
					height: auto;
				}
					.directories-list .item-directories-img {
						min-width: 120px;
					}

.pagination .btn-group {
	display: flex;	
	flex-wrap: wrap;
	gap: 5px;
	justify-content: center;
}
	.pagination .btn-group li {
		margin: 0;
	}
		.pagination .btn-group .btn {
			margin: 0;
		}
		.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: var(--white);
			}

/* Liste élus */
.elected-list .filters-results .item-directories {
	padding-bottom: 80px;
}
.filters-results .frame-header {
  margin: 0;
  width: 100%;
}
.filters-results .list-item-directories + .frame-header {
  margin-top: 2em;
}
	.filters-results .frame-header .element-header {
		margin-bottom: 0;
	}
.elected-list .list-item-directories {
	position: relative;
	width: 100%;
}		
	.elected-list .item-directories-body {

	}
	.elected-list .menu-subpages .list-item-directories .link {

	}
		body .directories-list .item-directories:hover::after {
			background-color: var(--third);
			color: var(--white);
		}
		.elected-list .item-directories-img {
			display: flex;
			align-items: center;
			justify-content: center;
			height: 135px;
			width: 135px;
			min-width: 135px;
			background-color: var(--white);
		}
		.elected-list .item-directories-caption {
			word-break: break-word;
		}
			.elected-list .item-directories-caption > * {
				margin-bottom: 10px;
			}
			.elected-list .item-directories-caption *:not(:first-child) {
				margin-bottom: 5px;
			}					
				body .elected-list .link:is(:focus-visible,:focus,:hover,:active) * {
					/*color: var(--white);
					transition: .3s ease;*/
				}
				.elected-list .item-directories-caption .title {
					margin-bottom: 10px;
					font-size: 1.125em;					
				}

.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 {

	}
	.elected-list .item-directories-caption .fonction {
		font-size: 1.25em;
		line-height: 1;
	}
	.elected-list .item-directories-caption .resume {
		font-size: .875em;
		line-height: 1.5;
	}
	.elected-list .item-directories-caption .text1 {
		margin-bottom: 10px;
		color: var(--secondary);
	}
	.elected-list .item-directories-caption .text2 {
		color: var(--grey-text);
	}
		.elected-list .item-directories-caption .resume p {
			display: inline;
			margin: 0;			
		}
		.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: fit-content;
		    min-height: 135px;
		    background-color: var(--greypale);
				overflow: hidden;
			}
				.elected-list .item-directories .item-directories-img .fa-user {
					font-size: 24px;
					color: var(--main);
				}
				.elected-list .list-item-directories.mayor .item-directories-img::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);
				}
/* Commerçants */
.item-directories-commercants .item-directories-caption {
  display: flex;
  flex-direction: column;
}
 	.item-directories-commercants .card-category {
 		order: 1;
 	}
 	.item-directories-commercants .title {
 		order: 2;
 	}
 	.item-directories-commercants .address {
 		order: 3;
 	}
 	.item-directories-commercants .descrition {
 		order: 4;
 	}

/* Single */
.rte-content .directories-single {
	gap: 30px 0;
}
/*.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 .directories-single-img {
    border: 1px solid #dfdfdf;
    margin: 0 auto;
    width: fit-content;
    overflow: hidden;
	}
		.directories-single-text .lead {
			margin-bottom: 40px;
		}
			.directories-commercants-single .directories-single-text,
			.directories-commercants-single .frame-encart {
				margin-bottom: 2em;
			}
				.directories-single-text .directories-single-item {
					display: flex;
					flex-direction: column;
					border-bottom: 1px solid #dfdfdf;
					margin: 0;
					padding: 15px 0;
					background-color: var(--white);
					word-break: break-word;
				}
				/*.directories-single-text .directories-single-item:last-child {
					border-bottom: 1px solid #dfdfdf;
				}*/
					.directories-single-text .directories-single-item a {
						display: flex;
						align-items: center;
						gap: 10px;
						/*color: var(--dark);*//* A11Y annuaire commerçants */
						text-decoration: none;
					}
						.directories-single-item .fa-arrow-up-right-from-square {
							font-size: .75em;
						}
					.directories-single-text .directories-single-item a:is(:focus-visible,:focus,:hover,:active) {/* A11Y annuaire commerçants */
						text-decoration: underline;
					}
						.directories-single-text .directories-single-item .value .fa-regular {
							color: var(--secondary);
							font-size: 1.25em;
						}
					.directories-single-item .title {
						min-width: 90px;
						color: var(--grey-text);
						/*text-transform: uppercase;*/
					}
					.directories-single-item .value {
						margin-bottom: 0;
						/*font-size: 1.125em;*/
					}
						.directories-single-item .value p {
							margin-bottom: 0;/* Annuaire des commerçants */
						}
					.directories-single-item .list-nets {
						display: flex;
						align-items: center;
						flex-wrap: wrap;
						gap: 10px;
						margin-top: 0;
					}
						.directories-single-item .list-nets li {
							margin: 0;
						}
							.directories-single-item .list-nets .icon {
								color: var(--dark);
								font-size: 32px;
								line-height: 1;
							}
							.directories-single-item .list-nets .icon[href*="facebook"] {
							  font-size: 26px;
							}
							/* Accessibilité */
							.directories-single-item .list-nets .icon .fa-regular {
								font-size: .75em;
							}
		.directories-single-return-list {
			margin-top: 60px;
		}

/* Single élu */
.site-main .elected-single {
	display: flex;
	flex-wrap: wrap;
}
	.elected-single .directories-single-img {

	}
		.elected-single .directories-single-img picture {
			display: flex;
			justify-content: center;
			margin-bottom: 30px;
		}
	.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-visible,:focus,:hover,:active) {
				text-decoration: underline;
			}
	.site-main .elected-single .col .previous {
		margin-top: 30px;
	}

/* Page et colonne droite */
.bloc-directory .list-nets {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 1em;
	padding: 0;
}
	.bloc-directory .list-nets:last-child {
		gap: 18px;
		margin-bottom: 0;
	}
		.bloc-directory .list-nets li {
			margin: 0;
		}
			.rte-content .bloc-directory li::before {
				display: none;
			}
			.bloc-directory .list-nets .icon {
				display: block;
				width: 32px;
				color: var(--dark);
				font-size: 32px;
				line-height: 1;
			}

/* Single - Commerçants */
.directories-single-item .value .commercants-payment {
	display: inline-block;
  border: 1px solid #e6e6e6;
  height: 60px;
  margin-right: 10px;
  width: 60px;
  background-position: center center;
  background-repeat: no-repeat;
}
	.directories-single-item .value .cb {
		background-image: url("../Img/tremblay_sprite.svg#ico_cb");
    background-size: 37px auto;
	}
	.directories-single-item .value .sanscontact {
		background-image: url("../Img/tremblay_sprite.svg#ico_sans_contact");
	  background-size: 37px auto;
	}
	.directories-single-item .value .cheque {
		background-image: url("../Img/tremblay_sprite.svg#ico_cheque");
    background-size: 34px auto;
	}
	.directories-single-item .value .espece {
		background-image: url("../Img/tremblay_sprite.svg#ico_especes");
    background-size: 37px auto;
	}
.directories-commercants-single .gallery-list {

}
	.directories-commercants-single .gallery-list .gallery-item {
		
	}


/* 11 = RECHERCHE */
/* Liste */
.start-point .item {}
	progress::-webkit-progress-bar {
		background-color: var(--grey);
	}
	progress::-webkit-progress-value {
	  background-color: var(--secondary);
	}
	progress::-moz-progress-bar {/* à mettre isolé des autres styles progressbar */
		background-color: var(--secondary);
	}
	.rte-content .page-body .start-point .item .title {
		font-size: 1.25em;
		line-height: 1.333;
		text-transform: none;
	}
		.rte-content .page-body .start-point .item .title::before {
			display: none;
		}
		.search-content .link {
			color: var(--main);
			text-decoration: none;
			transition: .3s ease;
		}
		.start-point .item .link:is(:focus-visible,:focus,:hover,:active) {
			color: var(--secondary);
		}
			.search-content .link strong {
				color: var(--secondary);
				font-weight: inherit;
			}
	.search-content .search-body {
		align-items: flex-start;
	}
		.search-type .icon {
			border: 1px solid var(--main);
		}
		.search-content .search-body .icon {
			color: var(--main);
		}
		.search-content .item:hover .search-body .icon {
			border-color: var(--secondary);
			background-color: var(--secondary);
			color: var(--white);
		}
		.start-point .abstract p strong {
	    color: var(--main);
		}
		.search-body .time {
			color: var(--grey-text);
		}
/* Filtres */
.rte-content .search-filters .search-filters-title {
	font-size: 1.5em;
	line-height: 1.333;
	text-transform: uppercase;
}
	.rte-content .search-filters .search-filters-title::before {
		display: none;
	}
		.col-droite .list-unstyled.search-filters-list li::before {
			display: none;
		}
		.search-filters .link {
			border: 1px solid var(--main);
			background-color: var(--white);
			color: var(--main);
		}
		.search-filters .link:is(:focus-visible,:focus,:hover,:active),
		.search-filters .link.active {
			border-color: var(--secondary);
			background-color: var(--secondary);
			color: var(--white);
		}
			.search-filters-list .icon {
				color: var(--main);
				transition: all .3s;
			}
			.search-filters .badge {
				margin-left: .25em;
				padding: 0;
				color: var(--main);
				font-size: inherit;
				font-weight: normal;
				transition: all .3s;
			}
			.search-filters .link:is(:focus-visible,:focus,:hover,:active) :is(.icon, .badge),
			.search-filters .link.active :is(.icon, .badge) {
				color: var(--white);
			}


/* 12 = MÉDIATHÈQUE */
/* liste */
.gallery-list .gallery-list-default {
	gap: 0 40px;
	justify-content: center;
}
	/* Médiathèque */
	.gallery-item .object-fit {
		height: 100%;
	}
	.gallery-item .gallery-type {
		position: absolute;
		right: 15px;
		top: 15px;
    gap: 10px;
		border-radius: 15px;
		height: 30px;
		padding: 0 10px;
		min-width: 30px;
		background-color: var(--white);
		color: var(--secondary);
		font-size: .875em;
		white-space: nowrap;
	}
		.gallery-item .gallery-type .fa-regular {
			font-size: 1rem;
		}
	.gallery-item .abstract {
		order: 2;
	}
/* single */
.rte-content .lead p {
	font-size: 1em;
	line-height: 1.333;
}
:is(.single-video, .single-gallery) .specs {
	margin-bottom: 20px;
}
.gallery-mediatheque .galerie-item {
	margin-bottom: 30px;
}
	.gallery-mediatheque .news-cache-img {
		display: block;
		border-radius: 20px;
		overflow: hidden;
	}
		.gallery-mediatheque .news-cache-img .img-fluid {
			width: 100%;
			transition: .6s ease;
		}
		.gallery-mediatheque .gallery-link:is(:focus-visible,:focus,:hover,:active) .news-cache-img .img-fluid {
			transform: scale(1.15);
		}


/* 13 = VIDÉOTHÈQUE */
.embed-responsive .container-player-video {
	border-radius: 10px;
	overflow: hidden;
}
	.container-player-video button.container-player-play {
		height: 60px;
		width: 60px;
		background-image: none;
		background-color: var(--secondary);
	}
		.container-player-video button.container-player-play::before {
	    position: absolute;
	    left: 23px;
	    top: 18px;
			content: '\e922';
			color: var(--white);
			font-size: 1.5rem;
			text-indent: 0;
		}


/* 14 = SOMMAIRE */
.page-body .menu-subpages {
  gap: 50px 0;
}
	.menu-subpages .col-sm-6,
	.menu-subpages .col-lg-6 {
		margin-bottom: 0;
	}
		.menu-subpages .item {
			position: relative;
			display: flex;
			flex-direction: column-reverse;
			justify-content: flex-end;
			border-radius: 10px;
			height: 100%;
			background-color: var(--greypale);
			transition: all .3s;
		}
		.menu-subpages .item:hover {
			background-color: var(--white);
			box-shadow: 0 0 15px rgba(0,0,0,.15);
		}
			.menu-subpages .subpages-body {
		    display: flex;
		    flex-direction: column;
		    gap: 15px;
		    padding: 30px 30px 100px;
			}
				.pagesummary .menu-subpages .title {
					margin: 0;
					font-size: 1.5em;
					line-height: 1.25;
				}
					.menu-subpages .subpages-body .link {
						color: var(--main);
						text-decoration: none;
						transition: color .3s;
					}
					.menu-subpages .subpages-body .link:is(:focus-visible,:focus,:hover,:active) {
						color: var(--secondary);
						text-decoration: none;
					}
						.menu-subpages .subpages-body .link::after {
							display: none;
						}
				.menu-subpages .abstract {
					margin-bottom: 0;
					color: var(--grey-text);
					font-size: .875em;
					line-height: 1.4285;
				}
				.menu-subpages .arrow,
				.item-directories .arrow {
			    position: absolute;
			    bottom: 45px;
			    right: 45px;
			    z-index: 1;
				}
      .menu-subpages .picture-overflow {
		    aspect-ratio: 39 / 22;
		    border-radius: 10px 10px 0 0;
		    overflow: hidden;
      }


/* 15 = PUBLICATIONS */
/* Menu */
.liensMagazines .frame-type-menu_subpages.list-header-magazines .list-unstyled {
	display: flex; 
	flex-direction: column;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: inherit; 
	margin: 0 auto 30px; 
	text-align: center;
}
    .liensMagazines .frame-type-menu_subpages.list-header-magazines .list-unstyled .item {
    	display: inline-block; 
    	margin: 0;
    	padding: 0;
    }
    .liensMagazines .frame-type-menu_subpages.list-header-magazines .list-unstyled .item:last-child {margin-right:0;}
    	.liensMagazines .frame-type-menu_subpages.list-header-magazines .list-unstyled .item::before {
    		display: none;
    	}
        .liensMagazines .frame-type-menu_subpages.list-header-magazines .list-unstyled .item .link {
        	background-color: var(--fourth); 
        	border: 2px solid var(--fourth); 
        	color: var(--main); 
        	display: block;
        	font-family: Arial;
        	font-weight: bold; 
        	line-height: 1; 
        	padding: 13px 20px; 
        	text-decoration: none;
        	text-transform: uppercase;
        }
        .liensMagazines .frame-type-menu_subpages.list-header-magazines .list-unstyled .current .link {
        	background-color: var(--white); 
        	border-color: var(--fourth); 
        	color: var(--main); 
        }
        	.liensMagazines .frame-type-menu_subpages.list-header-magazines .list-unstyled .link::after {
		    		display: none;
		    	}


/* Liste */
.files-list .kiosque-list {
	align-items: flex-start;
  gap: 50px 0;
}
	.files-list .kiosque-list .kiosque-item {
    display: flex;
    flex-direction: column-reverse;
    gap: 20px;
    margin: 0;
	}
		.files-list .kiosque-list .kiosque-body {
			
		}
			.files-list .kiosque-body .kiosque-title {
				font-size: 1.375em;
			}
			.files-list .kiosque-body .subtitle,
			.kiosque-body .extention {
				font-size: .875em;
			}
			.files-list .kiosque-item .flex-links {
				margin-top: 10px;
			}
		.files-list .kiosque-item > .link {
			justify-content: center;
		}
		.files-list .kiosque-item .link .picture {
			display: block;
			aspect-ratio: 34 / 46;
			box-shadow: var(--ombre);
			transform: none;
		}
			.kiosque-list .kiosque-item .picture .img-responsive {
	    	max-width: 100%;
			}


/* 16 = BREADCRUMBS */
.site-main .breadcrumb {
	margin: 0;
	width: 100%;
	color: var(--grey-text);
	overflow-x: hidden;
}
.associative:not(.layout-single) .site-main .breadcrumb {
	color: var(--white);
}
	.site-main .breadcrumb::before {
  	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	}
	/*.agenda .site-main .breadcrumb::before {
  	background: linear-gradient(90deg, rgba(241,247,250,0) 0%, rgba(241,247,250,1) 100%);
	}*/
	.rte-content ol.breadcrumb-list {
		padding: 0 0 10px;/* Sinon scrollbar collée ! */
		font-size: .875em;
	}
		.rte-content .breadcrumb-list .breadcrumb-item {
			display: flex;
			font-size: 1em;
		}
			.breadcrumb .link {
		    color: var(--grey-text);
				text-decoration: underline;
				text-decoration-color: var(--grey-text);
			}
			.breadcrumb .link:is(:focus-visible,:focus,:hover,:active) {
		    color: var(--dark);
				text-decoration: none;
			}
			.breadcrumb .first {
				border-radius: 50%;
				height: 30px;
				width: 30px;
				background-color: var(--secondary);
				color: var(--white);
				font-size: .875rem;
				text-decoration: none;
		    transition: .3s ease;
			}
			.breadcrumb .first:is(:focus-visible,:focus,:hover,:active) {
				background-color: var(--white);
		    color: var(--secondary);
		    text-decoration: none;
		    outline: auto;
			}
			.breadcrumb .separator {
				padding: 0 10px;
		    color: var(--grey-text);				
			}
			.breadcrumb .breadcrumb-last {
				padding: 0;	
				color: var(--main);			
			}

/* 17 = OUTILS ET PARTAGE */
.site-main .navigation-share {
	display: flex;
	align-items: baseline;
	gap: 20px;
	justify-content: space-between;
	padding: 20px 0;
}
/* Bloc de partage - gestion favoris */
.page-header-text .page-header-share {
  gap: 20px;
  order: 3;
  margin-top: 30px;
}
	.page-header-share .btn {
    border: 2px solid var(--main);
    border-radius: 50%;
    height: 50px;
    width: 50px;
		background-color: var(--white);
    color: var(--main);
    font-size: 1.5rem;
    font-weight: 400;
	}
	.page-header-share .btn:is(:focus-visible,:focus,:hover,:active) { /* .account-action-star--add */
    border: 2px solid var(--main);
    background-color: var(--main);
    color: var(--white);
	}
	.page-header-share .bookmarked {
		position: relative;
		background-color: var(--main);
		color: var(--white);
	}
	.page-header-share .bookmarked:is(:focus-visible,:focus,:hover,:active) {
    border: 2px solid var(--main);
		background-color: var(--white);
		color: var(--main);
	}
	.page-header-share .account-action-star--remove {
    border: 2px solid var(--main);
		background-color: var(--main);
		color: var(--white);
	}
	.page-header-share .account-action-star--remove:is(:focus-visible,:focus,:hover,:active) {		
    border: 2px solid var(--main);
		background-color: var(--white);
		color: var(--main);
	}
	.account-action-star--remove
		.page-header-share .bookmarked::before {
			content: '\e95b';
			color: var(--white);
		}
		.page-header-share .bookmarked:is(:focus-visible,:focus,:hover,:active)::before {
			color: var(--main);
		}
		.page-header-share .bookmarked::after {
			position: absolute;
    	top: 13px;
			content: '\e92c';
			color: var(--main);
			font-size: .875rem;
			font-weight: 900;
		}
		.page-header-share .bookmarked:is(:focus-visible,:focus,:hover,:active)::after {
			color: var(--white);
		}
	.site-tools-dropdown .btn-tools {
		display: flex;
		align-items: center;
		gap: 10px;
		border: 0;
		padding: 0;
		font-size: .875em;
	  box-shadow: none;
	}
	.site-tools-dropdown .btn-tools:is(:focus,:hover,:active) {
		outline: none;
	}
	.site-tools-dropdown .btn-tools:is(:focus-visible) {
		outline: auto;
	}
		.site-tools-dropdown .btn-tools::before {
			color: var(--secondary);
			font-size: 1.25rem;
		}
		.site-tools-dropdown .btn-tools::after {
			display: none;
		}
		.site-tools-dropdown .btn-tools .fa-share-nodes {
			color: var(--dark);
			font-size: 1.25em;
		}
		.site-tools-dropdown .btn-tools:is(:focus-visible,:focus,:hover,:active) .fa-share-nodes {
			color: var(--dark);
		}

	.site-tools-dropdown .dropdown-tools {
    left: 0!important;
    right: auto!important;
    top: 0!important;
		border: 0;
		padding: 0!important;
		min-width: inherit;
    box-shadow: var(--ombre);
		transform: translate(-10px, 30px)!important;
	}
		.rte-content .site-tools-dropdown .dropdown-tools li::before {
			display: none;
		}
		.site-tools-dropdown .dropdown-tools .tools-share {
			color: var(--main);
			text-decoration: none;
		}
		.site-tools-dropdown .dropdown-tools li:first-child .tools-share {
			border-top-right-radius: 5px;
			border-top-left-radius: 5px;
		}
		.site-tools-dropdown .dropdown-tools li:last-child .tools-share {
			border-bottom-right-radius: 5px;
			border-bottom-left-radius: 5px;
		}
		.site-tools-dropdown .dropdown-tools .tools-share:is(:focus-visible,:focus,:hover,:active) {
			background-color: var(--secondary);
			color: var(--white);
		}


/* 18 = FORMULAIRE */
.form-horizontal .form-group .control-label {
	margin-bottom: 10px;
	color: var(--main);
	font-weight: 600;
	line-height: 1.25;
}
.form-horizontal .form-group .checkbox .control-label {
	color: inherit;
  font-size: 1em;
  font-weight: 400;
}
.input-group .form-control,
.form-group .form-control {
	border-color: transparent/*var(--grey-border)*/;
	border-bottom: 2px solid var(--main);
	border-radius: 5px 5px 0 0;
	min-height: 40px;
	background-color: var(--grey);
}
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control, .form-group .input-group:not(.has-validation)>.form-floating:not(:last-child)>input[type="file"], .frame-type-felogin_login .input-group:not(.has-validation)>.form-floating:not(:last-child)>input[type="text"], .frame-type-felogin_login .input-group:not(.has-validation)>.form-floating:not(:last-child)>input[type="password"], .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select {/* Surcharge BP */
	border-radius: 5px 5px 0 0;
}
.input-group .form-control::placeholder {
	color: var(--dark);
}
	.form-group input[type="file"] {
	  background-color: var(--grey);
	  border: 0;
	  border-bottom: 2px solid var(--main);
	  border-radius: 5px 5px 0 0;
	}
	.form-control:focus, 
	.form-group input[type="file"]:focus, 
	.frame-type-felogin_login input[type="text"]:focus, 
	.frame-type-felogin_login input[type="password"]:focus {
	  box-shadow: var(--ombre-outline);
	}
	.form-horizontal .submit,
	.form-horizontal .previous,
	.form-horizontal .next {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--secondary);
    border-radius: 25px;
    margin-top: 60px;
    padding: 20px;
    height: 50px;
    background-color: var(--secondary);
    color: var(--white);
    /*font-size: .875em;
    text-transform: uppercase;*/
	}
	.form-horizontal .submit:is(:focus-visible,:focus,:hover,:active),
	.form-horizontal .previous:is(:focus-visible,:focus,:hover,:active),
	.form-horizontal .next:is(:focus-visible,:focus,:hover,:active)/*,
	.submit:not(:disabled):not(.disabled):active, 
	.submit:not(:disabled):not(.disabled).active,
	.form-horizontal .btn-default:not(:disabled):not(.disabled):active, 
	.form-horizontal .btn-default:not(:disabled):not(.disabled).active*/ {
	    border: 1px solid var(--main);
	    background-color: var(--main);
	    color: var(--white);
	}
	.form-horizontal .btn:focus-visible {
		box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
	}
	.form-horizontal .form-title {
		margin-bottom: 1em;
		font-weight: 700;
	}
	.form-horizontal div + .form-title {
		margin-top: 2em;
	}
		.form-horizontal .input-group-addon {
			color: var(--dark);
		}
		.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-primary {
			border: none;
			background-color: var(--dark);
			color: var(--white);
		}
		.frame-type-artifica_form_pi1 .btn-primary:is(:focus-visible,:focus,:hover,:active) {
			color: var(--dark);
		}
		form .recap + .text-center .btn-primary {
			border: 1px solid var(--secondary);
    	text-transform: none;
		}
/* Autocompletion formulaire secteur */
#LSResult {
  border: 2px solid var(--main);
  border-top: 0;
  margin-left: 0;
  padding: 15px;
}
	#LSShadow .LSRow:last-child {
		margin-bottom: 0;
	}

/* Captcha */
#form-fieldset-captcha legend {
  font-size: 1.25em;
  font-weight: 700;
  color: var(--main);
}
	#form-fieldset-captcha legend span {
		margin-left: 3px;
		color: var(--red);
	}
.form-horizontal .captcha {
  padding: 20px;
  background-color: var(--greypale);
}
.captcha .serie {

}
	.list-inline > li:not(:last-child) {
		margin-right: 10px;
	}
		.form-horizontal .captcha .serie .control-label {
			border: 1px dashed var(--main);
			border-radius: 5px;
	    width: 50px;
	    color: var(--dark);
	    font-size: 1rem;
	    line-height: 50px;
		}
		.form-horizontal .captcha .serie input:checked ~ label,
		.form-horizontal .captcha .serie input:focus-visible ~ label {
			border: 1px solid var(--secondary);
			background-color: var(--secondary);
			color: var(--white);
		}
.text-center .submit {
	margin: 0 auto;
}
/* Accessibilité */
.form-horizontal .obligatoires {
	color: var(--red);
}
.form-group .control-label > span {
  color: var(--red);
  font-size: 1.125em;
  line-height: 1;
}
.form-group .control-label > span[aria-hidden="true"] {
	margin-left: 3px;
}
.form-group .control-label > span.help-block {
	margin-top: 5px;
	color: var(--grey-text);
	font-size: .75em;
  font-weight: 400;
}
/* Erreurs */
.form-horizontal .form-group.has-error {
    padding-left: 15px;
    border-left: 5px solid var(--red);
}
	.form-group .help-block {
		font-style: normal;
	}
	.form-group .error {
		margin-top: 10px;
		font-size: .75em;
	}
		.has-error .error::before {
			margin-right: 5px;
			content: '\e92e';
			font-size: 1.1666em;
			font-style: normal;
			font-weight: 900;
		}

	.form-horizontal .form-group.has-error .control-label {
	  color: var(--red);
	}
	.form-horizontal .captcha.form-group.has-error .control-label {
		color: inherit;
	}

	.has-error .form-control {
		border-bottom-color: var(--red);
		/*color: var(--red);*/
	}

.input-group-addon:last-child {
	display: none;
}
/* RSS */
.fluxrss input[type="text"] {
  border: 1px solid var(--grey);
  border-radius: 4px;
  padding: 5px 10px;
}
/* Btn-default */
form .recap + .text-center .btn-default {
  border-color: var(--main);
  background-color: var(--white);
  color: var(--main);
  box-shadow: none;
}
form .recap + .text-center .btn-default:is(:focus-visible,:focus,:hover,:active) {
  border-color: var(--main);
  background-color: var(--main);
  color: var(--white);
}
form .btn-default,
form .recap + .text-center .btn {
	border-radius: 22px;
  min-height: inherit;
  height: 44px;
  font-size: 1em;
}
/* Plugin connexion page 815 */
#c1084 form fieldset {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background-color: var(--mainmorepale);
    padding: 20px;
}
	#c1084 form fieldset label {
		display: block;
	}
		#c1084 form fieldset input {
			border: 0;
			padding: 6px 12px;
			width: 100%;
		}
		#c1084 form fieldset input[type="submit"] {
			display: inline-flex;
	    align-items: center;
	    border: 2px solid var(--dark);
	    border-radius: 25px;
	    height: 50px;
	    margin: 0 auto;
	    padding: 0 20px;
	    width: fit-content;
	    background-color: var(--dark);
	    color: #fff;
	    font-family: 'Poppins Bold', sans-serif;
	    font-weight: 400;
		}
		#c1084 form fieldset input[type="submit"]:focus-visible {
			outline: thick double #000;
		}

/* Ajout de bac */
.form-horizontal .buttons-action + div {
	position: relative;
}
	.form-horizontal .btn-close,
	.form-horizontal .btn-valid {
		background: var(--search);
		color: var(--dark);
    border: 1px solid var(--dark);
    border-radius: 5px;
    height: 32px;
    margin-right: 7px;
		padding: 0 15px;
		width: fit-content;
    font-size: .875em;
		text-decoration: none;
		box-sizing: content-box;
		opacity: 1;
		text-transform: uppercase;
	}
	.form-horizontal .btn-close:focus-visible,
	.form-horizontal .btn-valid:focus-visible {
		outline: 2px solid var(--dark);
	}


/* 19 = PAGINATION */
.site-main .pagination {
  margin: 30px 0;
}
	.pagination .btn-light,
	.pagination span.btn.btn-default.btn-grey.navDots {
		border: none;
		border-radius: 50%;
		margin: 2px;/* Pour outline */
		max-width: 40px;
		height: 40px;
		min-width: 40px;
  	color: var(--dark);
  	font-size: 1em;
  	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: var(--white);
		text-decoration: none;
	}
	.pagination .btn-light:focus-visible,
	.pagination span.btn.btn-default.btn-grey.navDots:focus-visible {
		outline: 2px solid var(--dark);
	}
	.pagination span.btn.btn-default.btn-grey.navDots,
	.pagination span.btn.btn-default.btn-grey.navDots:is(:focus-visible,:focus,:hover,:active) {
		border: 0;
		background-color: transparent;
		color: var(--main);
	}
	.pagination .btn-group .current {
		background-color: var(--secondary);
		color: var(--white);
		font-weight: normal;
	}
	.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%;
	}
.rte-content .form-horizontal .buttons-action > a {
	/* Styles boutons */
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  border-radius: 20px;
  min-height: 40px;
  padding: 8px 20px;
  width: max-content;
  line-height: 1.125;
  text-decoration: none;
  transition: all .3s;
  /* Styles bouton */
  border: 2px solid var(--main);
  background: var(--main);
  color: var(--white);
}
.rte-content .form-horizontal .buttons-action > a:is(:focus-visible,:focus,:hover,:active) {
  border: 2px solid var(--main);
  background: var(--white);
  color: var(--main);
	text-decoration: none;
}


/* 20 = DIAPORAMA & GABARITS DE FICHIERS */
/* Téléchargement de fichiers */
.files-list-default .list-unstyled {
	border-radius: 10px;
	padding-inline: 25px;
	background-color: var(--greypale);
}
	.rte-content .files-list-default .frame-header {
		margin-bottom: 0;		
	}
		.rte-content .files-list-default .frame-header :is(h1,h2,h3,h4,h5) {
	    margin: 0 0 10px;
	    padding: 0;
	    font-size: 2.25em;
	    line-height: 1.25;
		}
			.rte-content .files-list-default .frame-header :is(h1,h2,h3,h4,h5)::before {
				display: none;
			}
	.rte-content .files-list-default a,
	.rte-content .media-list-default a {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: center;
    padding-block: 25px;
    transition: all .3s;
	}
	.files-list-default li:first-child a,
	.media-list-default li:first-child a {
		border-top: none;
	}
	.files-list-default li:last-child a,
	.media-list-default li:last-child a {
		border-bottom: none;
	}
	.rte-content .files-list-default a:is(:focus-visible,:focus,:hover,:active),
	.rte-content .media-list-default a:is(:focus-visible,:focus,:hover,:active) {
		text-decoration: none;
	}
		.rte-content .files-list-default li,
		.rte-content .media-list-default li {
			margin: 0;
		}
			.rte-content .files-list-default ul li::before {
				display: none;
			}
		    .files-list-default .media-left,
		    .media-list-default .media-left {
		    	min-width: unset;
		    	height: unset;
		    	width: unset;
		    }
		    	.files-list-default .extension,
		    	.media-list-default .extension {
		    		display: flex;
		    		align-items: center;
		    		color: var(--grey-text);
		    		font-size: .875em;
		    	}
		    	.files-list-default .fa-arrow-down-to-bracket-light,
		    	.media-list-default .fa-arrow-down-to-bracket-light {
		    		display: flex;
		    		align-items: center;
		    		justify-content: center;
		    		border: 1px solid var(--secondary);
		    		border-radius: 50%;
		    		height: 50px;
		    		min-width: 50px;
		    		background-color: var(--white);
		    		color: var(--secondary);
	        	font-size: 1.5rem;
	        	transition: all .3s;
		    	}
		    	.files-list-default .media:is(:focus-visible,:focus,:hover,:active) .fa-arrow-down-to-bracket-light,
		    	.media-list-default .media:is(:focus-visible,:focus,:hover,:active) .fa-arrow-down-to-bracket-light {
		    		border-color: var(--secondary);
		    		background-color: var(--secondary);
		    		color: var(--white);
		    	}
		    .files-list-default .media-body,
		    .media-list-default .media-body {
		    	display: flex;
		    	flex-direction: column;
		    	justify-content: space-between;
		    	padding: 0;
		    	width: 100%;
		    }
		    	.files-list-default .media-title,
		    	.media-list-default .media-title {
    				color: var(--main);
    				font-size: 1.125em;
		    		transition: .3s ease;
		    	}
		    	.files-list-default a:is(:focus-visible,:focus,:hover,:active) .media-title,
		    	.media-list-default a:is(:focus-visible,:focus,:hover,:active) .media-title {
					color: var(--secondary);
					text-decoration: underline;
			    text-decoration-color: var(--secondary);
			    text-decoration-thickness: 2px;
				}

/* Ressources - diaporama */
.blueimp-gallery-carousel {
	background-color: var(--main);
}
	.blueimp-gallery-carousel .counter,
	.blueimp-gallery>.next, 
	.blueimp-gallery >.prev,
	.blueimp-gallery>.play-pause,
	.blueimp-gallery-carousel .fullScreen {
		opacity: 1;
	}

.blueimp-gallery-carousel .title::after {
	content: unset;
}
	.diaporama-controls .next, 
	.diaporama-controls .prev {/* iPhone */
		padding: 0;
		min-width: 40px;
		font-size: 18px;
	}
	.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;
}
	.rte-content .frame .blueimp-gallery-carousel a {
    color: var(--white);
    text-decoration: none;
	}
.rte-content .indicator ul:not(.list-unstyled) li::before {
	display: none;
}

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


/* 21 = MODALES */
#modalSendTo {
	z-index: 5001;/* Passer au-dessus du flash info */
}
#modalShareAgenda .modal-footer .btn-primary {
	text-decoration: none;
}
.modal-header {
	justify-content: space-between;
}
.modal-header .close {
	background-color: var(--white);
	color: var(--dark);
	font-size: 1.25em;
}
/* Partager */
.form-horizontal .getpost {
	background-color: var(--greypale);
}
/* Vidéos */
#modalVideo .modal-body {
	height: auto;
	padding: 0;
}
	#modalVideo .modal-body iframe {
		margin-bottom: -7px;/* ? Ne sais pas pourquoi... */
	}
#modalVideo .modal-header {
	border: 0;
	padding: 0;
}
	#modalVideo .h1.title {
		display: none;
		/*padding: 1rem;*/
	}
/* Accès rapides *//* Nos autres sites */
.modal-share .modal-content {
  background: var(--main) none;
  color: var(--white);
}
	.modal-share .modal-header {
		border: 0;
    height: 110px;
    padding: 0;
	}
		.modal-share .h1 {
	    position: relative;
	    left: 15px;
	    top: -15px;
		}
			.modal-share .h1 .img-fluid {
				height: 100px;
				width: 100px;
			}
		#dialogOtherSites .close {
	    position: fixed;
	    right: 32px;
	    top: 17px;
	    z-index: 1;
	    border: 0;
	    padding: 0;
	    background-color: transparent;
	    color: var(--white);
	    font-size: 1.5rem;
	    box-shadow: none;
		}
	#dialogOtherSites .modal-content	{
		height: auto;
		padding-bottom: 60px;
		overflow-y: auto;
	}
	#dialogOtherSites .modal-body {
		padding: 0;
		/*overflow-y: auto;*/
	}
		.modal-share .files-list-sites {
	    display: flex;
	    align-items: center;
	    flex-direction: column;
	    gap: 20px;
	    padding: 50px 0;
		}
		.modal-share .files-list-sites + .files-list-sites {
			border-top: 1px solid rgba(221,221,221,.5);
		}
			.modal-share .frame-title {
				font-size: 1.5em;
			}
			.modal-share .sites-list {
		    display: flex;
		    flex-wrap: wrap;
		    justify-content: center;
		    gap: 50px;
			}
				.modal-share .sites-list .sites-item {
			    display: flex;
			    align-items: center;
			    flex-direction: column-reverse;
			    gap: 10px;
					margin: 0;
					width: fit-content;
				}
					.modal-share .sites-list .sites-item .sites-title {
						font-size: .875em;
						line-height: 1.42857;
					}
						.modal-share .sites-list .sites-item .img-fluid {
							border-radius: 50%;
							height: 140px;
							width: 140px;
							overflow: hidden;
						}
		/* + de réseaux */
		.modal-share .network-flex .header-link {
		  margin-top: 10px;
		  gap: 30px;
		}
			.modal-share .header-link .link {
		    border-radius: 50%;
		    height: 50px;
		    min-width: 50px;
		    background-color: var(--secondary);
			}
				.modal-share .header-link .link:is(:focus-visible,:focus,:hover,:active) {
		    	background-color: var(--white);
		    	color: var(--secondary);
				}

/* Profil - Je suis... */
.section-profil .mosaic-profil {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: center;
}
	.mosaic-profil .article-profil {
		position: relative;
		display: flex;
		align-items: center;
		flex-direction: column;
	}		
    .article-profil .profil-icon-cache {
			height: 110px;
			overflow: hidden;
    }
    .ecomode .article-profil .profil-icon-cache {
    	display: none;
    }
			.article-profil .profil-icon-frame {
				position: relative;
				display: block;
				border-radius: 50%;
				height: 140px;
				width: 140px;
				background-color: var(--main);
				color: var(--white);
				overflow: hidden;
			}
			.article-profil .profil-2877 .profil-icon-frame {
				background: var(--mainlight) url("../Img/Profils/famille.png") center top;
			}
			.article-profil .profil-2878 .profil-icon-frame {
				background: var(--fourth) url("../Img/Profils/nouvel-habitant.png") center top;
			}
			.article-profil .profil-2879 .profil-icon-frame {
				background: var(--thirdpale) url("../Img/Profils/commerce.png") center top;
			}
			.article-profil .profil-2880 .profil-icon-frame {
				background: var(--secondarypale) url("../Img/Profils/association.png") center top;
			}
			.article-profil .profil-2881 .profil-icon-frame {
				background: var(--mainpale) url("../Img/Profils/visiteur.png") center top;
			}
			.article-profil .profil-2882 .profil-icon-frame {
				background: var(--fourthpale) url("../Img/Profils/entreprise.png") center top;
			}
			.article-profil .profil-2883 .profil-icon-frame {
				background: var(--third) url("../Img/Profils/perdu.png") center top;
			}
				.article-profil .profil-icon-plus::before {
					position: absolute;
			    left: calc(50% - 18px);
			    top: calc(50% - 32px);
			    font-family: auto;
			    font-size: 4rem;
			    line-height: 1;
					content: '+';
				}
				.article-profil .link {
					color: var(--main);
					font-size: 1.125em;
					line-height: 2;
					text-decoration: none;
				}				
				.article-profil .link:is(:focus-visible,:focus,:hover,:active) {
					text-decoration: underline;
				}
				.ecomode .article-profil .link {
			    display: flex;
			    border-radius: 20px;
			    height: 40px;
			    padding: 2px 20px 0;
			    background-color: var(--grey);
				}
				.ecomode .article-profil .profil-2877 + .quick-access-item-title .link {
			    background-color: var(--mainlight);
				}
				.ecomode .article-profil .profil-2878 + .quick-access-item-title .link {
			    background-color: var(--fourth);
				}
				.ecomode .article-profil .profil-2879 + .quick-access-item-title .link {
			    background-color: var(--thirdpale);
				}
				.ecomode .article-profil .profil-2880 + .quick-access-item-title .link {
			    background-color: var(--secondarypale);
				}
				.ecomode .article-profil .profil-2881 + .quick-access-item-title .link {
			    background-color: var(--mainpale);
				}
				.ecomode .article-profil .profil-2882 + .quick-access-item-title .link {
			    background-color: var(--fourthpale);
				}
				.ecomode .article-profil .profil-2883 + .quick-access-item-title .link {
			    background-color: var(--third);
				}

/* Vidéos */
#modalVideo .modal-content {
	flex-direction: column-reverse;
}
	#modalVideo .modal-header {
		justify-content: flex-end;
	}


/* 25 = LEAFLET */
/* Page */
.site-main .annuaire-page {/* Si même styles que fiche annuaire, remplacer .annuaire-page par .bloc-directory ! */
	position: relative;
	display: flex;
	flex-wrap: wrap;
	/*border: 1px solid var(--grey-border);*/
	/*border-radius: 15px;*/
  /*box-shadow: 0 0 5px rgba(0,0,0,.25);*/
  /*overflow: hidden;*/
}
.site-main .annuaire-page + .annuaire-page {
	margin-top: 30px;
}
	.annuaire-page .loading {
		border-radius: 10px 10px 0 0;
		margin: 0;
		height: unset;
		width: 100%;
		overflow: hidden;
	}
		.annuaire-page .loading .leaflet-pane {
			z-index: 1;
		}
		:is(.annuaire-page,.annuaire, .directories-single-text) .embed-responsive .link-external {
	    position: absolute;
	    bottom: 10px;
	    right: 10px;
	    z-index: 1000;
	    border-radius: 20px;
	    height: 40px;
	    padding: 0 15px;
	    background-color: var(--white);
	    color: var(--dark);
	    font-size: .875em;
	    text-decoration: none;
	    box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
		}
			:is(.annuaire-page,.annuaire) .embed-responsive .link-external::after {
    		font-size: .857142em;
			}
	.annuaire-page .textmedia {
		position: relative;
    z-index: 1;
		gap: 15px;
    border-radius: 0 0 10px 10px;
		padding: 25px;
		width: 100%;
		background-color: var(--greypale);
		overflow: hidden;
	}
	.annuaire-page .textmedia-map .textmedia-text {
    display: flex;
    flex-direction: column;
    gap: 15px;
	}
		.annuaire-page .textmedia-map .textmedia-text .organizer-item-title + .organizer-item {/* Adresse */
			/*margin-top: -15px;*/
			color: var(--dark);
			font-size: .875em;
		}
		.annuaire-page .organizer-item,
		.rte-content .annuaire-page p {
			margin-bottom: 15px;	
			/*color: var(--grey-text);*/
		}
		.annuaire-page .organizer-item {
			display: flex;
			gap: 10px;
		}
		.annuaire-page .item-schedule .text {
			color: var(--grey-text);
		}
		/*.annuaire-page .organizer-phone + .organizer-email {
			margin-top: -15px;
		}*/
			.annuaire-page .organizer-item .link {
				position: relative;
				padding: 3px 0 0 40px;
				text-decoration: none;
			}
			.annuaire-page .organizer-item .link:is(:focus-visible,:focus,:hover,:active) {
				color: var(--secondary);
				/*text-decoration: none;*/
				text-decoration: underline;
				/*text-decoration-color: var(--dark);
				text-decoration-thickness: 2px;*/
			}
				.annuaire-page .organizer-item .fa-regular {
					position: absolute;
					left: 0;
					top: 0;
					display: flex;
					align-items: center;
					justify-content: center;
					border-radius: 50%;
					height: 30px;
					min-width: 30px;
					background-color: var(--white);
					font-size: 1rem;
				}
				.annuaire-page .organizer-item .icon .fa-regular {
					
				}
			.organizer-item .item-flex {
				display: flex;
			}
			.rte-content .annuaire-page .textmedia-only .btn-secondary,
			.rte-content .annuaire-page .textmedia-only .btn-secondary:last-child {
				gap: 10px;
				margin: 10px auto;
			}
				.annuaire-page .textmedia-only .organizer-item .fa-regular {
					color: var(--secondary);
					font-size: 1.25em;
					transition: color .3s;
				}
				.annuaire-page .textmedia-only .organizer-item .btn-secondary:is(:focus-visible,:focus,:hover,:active) .fa-regular {
					color: var(--secondarypale);
				}
			.organizer-item .organizer-schedule {
				color: var(--grey-text);
			}
			.annuaire-page .textmedia-text .btn-primary {
				border: 1px solid var(--secondary);
				height: 38px;
				margin: 0;
				background-color: var(--white);
				color: var(--secondary);
				font-size: .9375em;
				text-transform: inherit;
			}
			.annuaire-page .textmedia-text .btn-primary:is(:focus-visible,:focus,:hover,:active) {
				border: 1px solid var(--secondary);
				background-color: var(--secondary);
				color: var(--white);
			}
				.annuaire-page .textmedia-text .btn-primary::after {
					content: '\e919';
					font-size: 1rem;
				}
	/*.leaflet-marker-icon::before {
		color: var(--dark);
		font-size: 44px;
	}*/
	.leaflet-marker-icon.leaflet-interactive {
		cursor: auto;
	}
	.marker-cluster::before {
		display: none;
	}
/*  Bloc contact (colonne centrale ou droite) */
/*.col-right .annuaire-page {}
	.col-right .annuaire-page .embed-responsive-16by9 {}*/


		.annuaire-page .textmedia-gallery .picture {
			border-radius: 50%;
			height: 140px;
			min-height: 140px;
			margin: 0 auto;
			width: 140px;
			aspect-ratio: 1 / 1;
			overflow: hidden;
		}
			.annuaire-page .textmedia-gallery .picture .directorie-img {
				width: inherit;
			}
		.annuaire-page .textmedia-only .textmedia-text {
	    display: flex;
	    flex-direction: column;
	    /*align-items: center;*/
	    gap: 10px;
		}
		.rte-content .annuaire-page .organizer-item-title {
			margin-bottom: 0;
			color: var(--main);
			font-size: 1.125em;
			line-height: 1.5;
    	text-transform: inherit;
		}
		.rte-content .annuaire-page p {
			margin-bottom: 0;
			font-size: .875em;
		}
		.rte-content .annuaire-page .function {
			color: var(--dark);
		}
		.rte-content .annuaire-page .text1 {
			color: var(--secondary);
			font-size: .875em;
		}
		.rte-content .annuaire-page .text2 {
			color: var(--grey-text);
			font-size: .875em;
		}


/* 26 = MENUS */
/* Menu de section */
	.site-main .menu-section:not(.list-unstyled) {
		/*padding-left: 30px;*/
		font-size: .875em;
	}
		.rte-content .menu-section .siblings-item,
		.rte-content .frame-siblings .siblings-item {
			/*position: relative;
			display: flex;
			align-items: flex-start;
			gap: 10px;
	    border-bottom: 1px solid var(--grey-border);
	    margin: 0;
	    padding: 10px 0 10px 30px;
	    transition: padding-left .3s;*/
		}
		.rte-content .frame-siblings .siblings-item {
	    display: flex;
	    align-items: flex-start;
	    gap: 10px;
	    border-bottom: 1px solid var(--grey-border);
		  margin: 0;
		  padding: 15px 0;
		}
		.rte-content .frame-siblings .siblings-item:is(:focus-visible,:focus,:hover,:active) {
			color: var(--secondary);
		}
			.rte-content .siblings-item::before {
		    position: relative;
		    top: 6px;
		    content: '\e931';
		    color: var(--secondary);
		    font-size: .75rem;
			}
			.rte-content .siblings-item:is(:focus-visible,:focus,:hover,:active)::before {
				color: var(--secondary);
			}
			.rte-content .siblings-link {
				display: block;
				width: calc(100% - 20px);
				color: var(--main);
				font-size: .9375em;
				line-height: 1.6;
				text-decoration: none;
			}
			.rte-content .siblings-link:is(:focus-visible,:focus,:hover,:active) {
				color: var(--secondary);
				text-decoration: underline;
				text-decoration-thickness: 2px;
			}

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


/* 28 = COOKIE CONSENT */
.modal-cookie-consent {
	z-index: 20000;
}
.modal-cookie-consent-body {
	/*font-family: "Source Sans Pro","Roboto",sans-serif;*/
}
.modal-cookie-consent-body p a,
/*.modal-cookie-consent-content strong,*/
.modal-cookie-consent-header .modal-cookie-consent-title,
.atfc-cookie-consent-item .atfc-cookie-consent-choice-link,
.modal-cookie-consent-btn-continue-without-accepting,
.modal-cookie-consent-content .modal-cookie-consent-btn-params,
.modal-cookie-consent-infos .modal-cookie-consent-subtitle,
.modal-cookie-consent-body .atfc-cookie-consent-services {
	color: var(--main);
}
.modal-cookie-consent-header .modal-cookie-consent-logo {
	/*align-items: center;
	max-height: 60px;
	height: 60px;*/
}
.modal-cookie-consent-header .modal-cookie-consent-title {
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: normal;
}
.modal-cookie-consent-footer button {
  background-color: var(--main);
  color: var(--white);
  font-weight: normal;
}
.atfc-cookie-consent-item .atfc-cookie-consent-choice-link:focus-visible,
.atfc-cookie-consent-choice .atfc-cookie-consent-choice-button:focus-visible {
	outline: auto;
}
.modal-cookie-consent-footer button:focus-visible {
	outline-offset: 2px;
}
.modal-cookie-consent-part1 .modal-cookie-consent-header {
  padding: 40px 15px 20px;
}
.modal-cookie-consent-content .modal-cookie-consent-footer .modal-cookie-consent-btn-withoutaccepting {
  position: absolute;
  right: 10px;
  top: 5px;
  border: 0;
  height: auto;
  margin: 0;
  padding: 0;
  width: auto;
  min-width: inherit;
  background: transparent;
  color: var(--main);
  font-size: .875rem;
  text-decoration: underline;
}
.modal-cookie-consent-content .modal-cookie-consent-footer .modal-cookie-consent-btn-withoutaccepting:is(:focus-visible,:focus,:hover,:active) {
  text-decoration: none;
}


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



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

/* 04 = HEADER */
	/* Flash Info */
	.flash-info .flashinfo-icon {
		display: block;
	}
	.flash-info .container {
		position: relative;
		padding: 0 ;
	}
		.flash-info .col-10 {
			padding: 0 15px;
		}
			.flash-info .carousel-item {
				/*padding: 0 20px;*/
				text-align: left;
			}
				.flash-info .title {
					padding-right: 45px;
				}
				.flash-info .link {
					margin-left: 0;
				}
	.flash-info .btn-close {
    right: 0;
    top: -20px;
	}	
	/* Site-header */
	.site-header .container {
		padding-inline: 15px;
	}
		/* LOGO */
		.site-header .logo {
			/*margin: 0;*/
		}
		.page-header .header-picture {
			width: 100%;
		}
			.page-header .header-picture .picture {
				margin: 0 auto;
			}
		/* Actualités */
		.section-home-news .home-news-body {
    	hyphens: none;
		}

/* 06 = ACCUEIL */
	/* En un clic */
	.section-quick-access .mosaic-quick-access {/* ul */
		overflow: auto hidden;
	}
		.mosaic-quick-access .article-quick-access {
			width: 96px;
			max-width: 96px;
		}
		.mosaic-quick-access .article-quick-access:is(:nth-child(4),:nth-child(5),:nth-child(6),:nth-child(7)) {
			display: flex;
		}
	/* Kiosque */
	.section-home-kiosque .kiosque-item-first {
		border-radius: 10px;
		margin: 0;
	}
	/* À voir & découvrir */
	.home-discoveries-list .home-discoveries-item:hover::before {
		height: 200px;
		width: 320px;
	}

/* 07 = PAGE INTERNE */
	/* Page-header */
	.rte-content .frame-bloc {
		--frame-spacing: var(--frame-spacing-sm);
	}
	/* ====================== CARD GROUPS début ======================= */
	/* Groupe de carte */
	/* Étapes */
	.projet_etapes .step {
		padding: 1em 1em 1em 200px;
	}
		.step .step-title {
			width: 170px;
		}
	/* Bloc chiffres vide */
	.icongroup-columns-2 .icongroup-item {
		width: calc(50% - 15px);
	}
	/* ====================== CARD GROUPS fin ======================= */


/* 08 = ACTUALITÉS */
	/* Annonces */
	/* Liste informations */
	.singleAnnonces .recrute-list {
		flex-direction: row;
	}
	  .recrute-list .recrute-item {
	      width: calc(33.3333334% - 20px);
	  }

/* 10 = ANNUAIRE */
	/* liste */
	.directories-list .filters-results .item-directories {
		flex-direction: row;
	}
	.elected-list .filters-results .link {
		align-items: flex-start;
		flex-direction: row-reverse;
	}

/* 12 = MEDIATHEQUE */
	/* liste */
	/*.criteria-total .totalresults::after {
		position: absolute;
		top: 25px;
		z-index: 0;
		display: block;
		content: '';
		height: 1px;
		width: 100%;
		background-color: rgba(141,141,141,.2);
	}*/

/* 15 = PUBLICATIONS */
	.liensMagazines .frame-type-menu_subpages.list-header-magazines .list-unstyled {
    flex-direction: row;
	}

/* 16 = BREADCRUMBS */
	.site-main .breadcrumb {
		overflow-x: visible;
	}

/* 21 = MODALES */
	/* Accès rapides */
	#dialogAccesRapide .mosaic-quick-access .article-quick-access {
		width: calc(33.3333334% - (40px / 3));
	}

}


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

/* 06 = ACCUEIL */
	/* Actualités */
	.home .section-home-news {
		padding-bottom: 80px;
	}
		.section-home-news > .container {
			position: relative;
		}
			.section-home-news .home-news-list {
				gap: 0;
				justify-content: center;
				flex-wrap: nowrap;
			}
				.news-list .picture {
					aspect-ratio: 39 / 22;
				}
			.section-home-news .home-news-btn,
			.section-home-kiosque .home-kiosque-btn {
		    position: absolute;
		    right: 35px;
		    top: 12px/*35px*/;
		    margin: 0;
			}
	/* Agenda */
	.events-list .picture {
		aspect-ratio: 7 / 4;
	}
	/* Kiosque */
	.section-home-kiosque .kiosque-item-first {
    flex-direction: row-reverse;
    gap: 50px;
    justify-content: flex-end;
	}
		.kiosque-item-first .kiosque-body {
			padding-top: 30px;
		}
			.kiosque-item-first .kiosque-body .kiosque-title {
				font-size: 1.875em;
				line-height: 1.2;
			}
			.kiosque-item .flex-links {
				margin-top: 20px;
			}
		/* Image */
		.kiosque-item .link .picture {
	    display: block;
	    min-width: 250px;
		}
	/* À voir & découvrir */
	.home .section-home-discoveries {
		background-position: right -30px top -200px;
	}
	.section-home-discoveries .home-discoveries-list {
    align-items: flex-start;
    flex-direction: row;
    gap: 40px;
	}
		.home-discoveries-list .home-discoveries-item {
    	width: calc(50% - 20px);
		}
			.home-discoveries-list .picture {
				aspect-ratio: 445 / 250;
			}

/* 07 = PAGE INTERNE */
	.rte-content .frame-bloc {
		--frame-spacing: var(--frame-spacing-md);
	}
	/* ====================== CARD GROUPS début ======================= */
	/* Groupe de carte */
	.timeline-item-caption .timeline-item-date {
		position: absolute;
	}
	.timeline-item:nth-child(even) .timeline-item-date {
		left: auto;
		right: calc(100% + 15px);
		text-align: right;
	}
	/* Chiffres */
	/* Bloc chiffres bleu */
	.container .frame-type-card_group:not(.frame-layout-embedded) .icongroup {
		padding: 30px;
	}
	/* Bloc chiffres vide */
	.container .frame-type-card_group:not(.frame-layout-embedded) .frame-background-white {
		padding: 45px 0;
	}
	/* ====================== CARD GROUPS fin ======================= */

	/* ====================== 28 - PHARMACIES début ======================= */
  .frame-type-textmedia .thisweek,
  .frame-type-textmedia .nextweek {
  	flex-direction: row;
  }
    .thisweek .green,
    .thisweek .carto {
    	width: 50%;
    }
	/* ====================== 28 - PHARMACIES fin ======================= */

/* 08 = ACTUALITÉS */
	.actualites .news-list .home-news-first-item .item {
		flex-direction: row-reverse;
	}
		.actualites .news-list .home-news-first-item .picture-overflow {
			min-width: 60%;
		}
			.actualites .home-news-first-item .home-news-body {
		    z-index: 1;
		    border-radius: 20px 0 0 20px;
		    margin: auto 0 auto -65px;
		    padding: 30px;
		    min-width: calc(40% + 50px + 15px);
			}
				.actualites .home-news-first-item .home-news-body .category {
					position: static;
					display: block;
				}
	/* Liste - ecomode */
	.ecomode.results-list .home-news-list .home-news-first-item {
		margin-bottom: 0;
	}
		.actualites .ecomode .home-news-first-item .home-news-body {
	    margin: 0;
	    padding: 0;
		}
	/* ====================== 26 = Annonces début ======================= */
  .annonce-matricule {
    /*display: block;*/
  }
    .annonce-matricule .form-matricule {
      /*display: flex;
      align-items: baseline;
      flex-direction: column;
      width: 100%;*/
    }
      .annonce-matricule .input-matricule,
      .annonce-matricule.succes .deconnexion-matricule {
        /*margin: 20px 0;*/
      }
      .annonce-matricule .input-matricule {
        /*width: 100%;*/
      }
      .annonce-matricule.succes p {
        /*display: block;*/
      }
        .annonce-matricule.succes p::before {
          /*height: 24px;
          margin-right: 10px;
          width: 30px;
          background-size: auto 24px;*/
        }
	/* ====================== 26 = Annonces fin ======================= */
	/* ====================== 27 = MENU DES CANTINES début ======================= */
	.menus .print-button {
		float: right;
    margin-top: -25px;
		padding-left: 0;
	}
	/* ====================== 27 = MENU DES CANTINES fin ======================= */

	/* ====================== 33 = Expositions Photos début ======================= */
  .expos .pageSection {
    padding-bottom: 150px;
  }
  /* Header */
  .expos .pageHeader {
    padding: 60px 0 90px;
  }
      .expos .pageHeader .pageTitle {
        margin-bottom: 45px;
        font-size: 5.556rem;
      }
      .exposPage .pageHeader .artisteDescription {
        margin-top: 90px;
      }
          .exposPage .artisteDescription .leadTitle, 
          .exposPage .pageSection .container h2,
          .exposPage .artisteDescription .frame-type-textmedia header h2 {
            margin: 0 0 45px;
            font-size: 1.667rem;
          }
          .exposPage .artisteDescription .lead,
          .exposPage .artisteDescription .frame-type-textmedia p {
						font-size: 1rem;
						line-height: 2;
          }            
  /* Diaporama */
  .exposPage .pageSection .container h2 {
      margin: 90px 0;
  }
  .mediaListExpositions .blueimp-gallery>.slides>.slide>.slide-content {
    max-height: 690px!important;
  }
  .mediaListExpositions .blueimp-gallery>.next, 
  .mediaListExpositions .blueimp-gallery>.prev {
    top: 345px;
    width: 50px;
    /*background: url("../Img/prev.svg") no-repeat center center;*/
  }
  .mediaListExpositions .blueimp-gallery>.title {
    margin: 40px auto 10px;
  }
  .expos .mediaListExpositions-back {
    padding: 0 20px 0 54px;
    background: #262626 url("../Img/prev-white.svg") no-repeat 12px center / auto 32px;
  }    
  .expos .frame-type-menu_subpages + .container .mediaListExpositions-back {
    margin-top: 120px;
  }
  /* Sommaire */
  .expos-summary .summary-text {
    position: absolute;
    padding: 25px 0;
  }
      .expos-summary .summary-text .summary-link {
        border-width: 6px;
        padding: 0 15px;
      }
	/* ====================== 33 = Expositions Photos fin ======================= */

/* 09 = AGENDA */
	/* Filtres */
	.filters .row {
		flex-direction: row;
		justify-content: space-between;
	}
		/*.filters .row > .form-group { utiliser flex !
			margin: 0 0 10px;
		}*/
		.filters .form-group.submit {
			margin-top: 20px;
			width: calc(50% - 15px);
		}
		.filters .form-group.submit + .form-group.submit {
			margin-top: 20px;
		}
	/* Fiche */
  /*.layout-single.agenda .frame-inner > .row {
		flex-direction: row-reverse;
	}*/
	/*.single-events .hr {
	    margin: 30px 0 20px;
	}
		.single-agenda-map .map-info {
			display: flex;
			flex-direction: row-reverse;
		}
			.single-agenda-map .loading {
				width: 50%;
			}
			.single-agenda-map .map-info-items {
				padding: 30px;
				width: 50%;
			}*/

/* 10 = ANNUAIRE */
	/* Liste */
	.elected-list .filters-results {
		gap: 30px;
	}
		.elected-list .link {
			/*padding: 30px 30px 80px;*/
		}
			.elected-list .link::after {
				/*height: 50px;
				width: 50px;*/
			}
			.elected-list .item-directories-caption .title {
				font-size: 1.5em;
			}
			.list-item-directories .link .img-fluid {
				height: 120px;
				width: 120px;
				min-width: 120px;
			}
	/* single */
	.directories-single .rte-content {
		align-items: flex-start;
		flex-direction: row-reverse;
		justify-content: space-between;
	}
		.directories-single-text .directories-single-item {
			flex-direction: row;
			gap: 20px;
		}
			.directories-single-item .title {
				min-width: 220px;
			}
	/* Liste élus */
	.elected-list .list-item-directories {
		width: calc(50% - 15px);
	}

/* 12 = MÉDIATHÈQUE */
	/* Liste */
	.gallery .gallery-list {
    flex-direction: row;
    gap: 30px 0;
	}
		.gallery-item.col-md-6 {
			width: 50%;
		}
	.gallery-list .title {
		text-align: left;
	}

/* 14 = sommaire */
	.menu-subpages .link {
		/*padding: 30px 30px 65px;*/
	}
		.menu-subpages .link:focus-visible::after {
			outline: 2px solid var(--dark);
		}
		.menu-subpages .title {
			/*margin-bottom: 15px;
			font-size: 1.5em;*/
		}

/* 15 = PUBLICATIONS */

/* 16 = BREADCRUMBS */
	.rte-content ol.breadcrumb-list {
		padding-bottom: 0;
	}

/* 21 = MODALES */
	/* Accès rapides */
	#dialogAccesRapide .mosaic-quick-access .article-quick-access {
		width: calc(25% - (60px / 4));
	}

/* 25 = LEAFLET */
	/* Page */
	.annuaire-page .loading {
		border-radius: 10px 0 0 10px;
		width: 50%;
	}
	.annuaire-page .textmedia {
		border-radius:  0 10px 10px 0;
		padding: 40px;
		width: 50%;
	}
	.annuaire-page .textmedia-only {
		border-radius: 10px;
		width: 100%;
	}
	.annuaire-page .textmedia-left.textmedia-map {
		flex-direction: column;
		padding: 15px;
	}
		.annuaire-page .textmedia-left.textmedia-map .textmedia-item {
			width: 100%;
		}

/* 28 = COOKIE CONSENT */
	.modal-cookie-consent-part1 .modal-cookie-consent-header {
		padding: 20px 40px
	}
		.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: 62em) {/* TABLETTES - 992px ************************************************ */

/* 03 = STRUCTURE */
	.site-main {
    margin: 0 auto;
		padding: 0;		
    overflow: hidden;
  }

/* 04 = HEADER */
	/* Flash Info */
	.flash-info {
    margin: 0 auto;
		padding: 25px 0;
	}
		.flash-info .flashinfo-icon {
			left: 17px;
		}
	/* Site-header */
	#wrap .site-header {
		border-bottom: 1px solid var(--grey-border);
    margin: 0 auto;
	}	
		.site-header .container {
			height: 110px;
		}
			/* LOGO */
			.site-header .logo {
				top: 15px;
	      margin-right: 60px;
			}
				.navbar-mainnavigation.navbar-default-transition .logo .navbar-brand {
	        height: 190px;
	        width: 190px;
				}
			.site-header .header-right {
				align-items: center;
				flex-direction: row;
				gap: 60px;
				justify-content: flex-end;
				width: calc(100% - 250px);
			}
				.navbar-mainnavigation .navbar-toggler {
					display: flex;
	        gap: 10px;
	        border: 1px solid var(--secondary);
	        border-radius: 25px;
					height: 50px;
	        margin-right: auto;
	        padding: 5px 20px;
	        width: fit-content;
	        min-width: inherit;
	        color: var(--secondary);
	        text-transform: uppercase;
	        transition: all .3s;
				}
				.navbar-mainnavigation .navbar-toggler:is(:focus-visible,:focus,:hover,:active) {
					border-color: var(--main);
					background-color: var(--main);
				}
				.navbar-mainnavigation .navbar-toggler:focus-visible {
					box-shadow: 0 0 0 2px #fff,0 0 0 4px #000;
				}
					.main-navigation-button .d-lg-block {
						color: var(--main);
	        	transition: color .3s;
					}
					.navbar-mainnavigation .navbar-toggler:is(:focus-visible,:focus,:hover,:active) .d-lg-block {
						color: var(--white);
					}
			/* RECHERCHE : icône + dropdown-menu */
			.site-header .header-search {
				/*justify-content: center;
				order: inherit;
				border-bottom: 1px solid #949494;
				border-radius: 25px;
				margin-left: 0;*/
			}
			.header-search .dropdown-menu {
		    position: static!important;
				z-index: 1000;
		    display: flex;
				align-items: center;
				border: 1px solid var(--fifth);
				border-radius: 25px;
				height: 50px;
				padding: 0 0 0 20px;
        width: 100%;
        max-width: 400px;
				background-color: var(--greypale);
			}
				.search-form .search-form-body {
					border: 0;
        	height: 48px;
			    padding: 0;
			    width: 100%;
				}
				.header-search .dropdown-menu .close {
					display: none;
				}
	.page-header .container-header {
    padding-block: 50px;
		max-width: 1920px;
	}	
	.navbar-default-transition:not(.navbar-transition) {
		box-shadow: 0 0 20px rgb(0 0 0 / 10%);
	}
		.site-header .second-navigation {
			margin: 0 20px 0 auto;
		}

		/* MENU BOOTSTRAP + 3ème NIVEAUX */
		.site-header .main-navigation {
	    width: 33.33333334%;
	    max-width: 400px;
		}
			.main-navigation .main-navigation-close {
		    position: static;
		    height: 80px;
		    width: 80px;
		    background-color: transparent;
		    color: var(--white);
			}
			.main-navigation .scroll-wrapper {
				min-height: 100vh;
			}
			.main-navigation > .scroll-wrapper {
				background-color: var(--main);
			}
				.main-navigation :is(.dropdown-level-2,.dropdown-level-3) .scroll-wrapper {
					/*padding-top: 80px;*/
					background-color: var(--white);
				}
					.site-header .main-navigation.show .dropdown-level-2 {
						left: 0% !important;
						top: 0 !important;
						z-index: -1;
					}
					.site-header .main-navigation.show .dropdown-level-2.show {
					  left: 100% !important;
					}
					.site-header .main-navigation.show .dropdown-level-2.show .dropdown-level-3 {
						left: 0% !important;
						top: 0 !important;
						z-index: -2;
						border-left: 1px solid var(--grey-border);
					}
					.site-header .main-navigation.show .dropdown-level-2.show .dropdown-level-3.show {
					  left: 100% !important;
					}
		/* Réseaux sociaux */
		.site-header .network-flex,
		.site-header .link-flex {
			display: flex;
		}
		/* Liens minisites */
		.site-header .link-flex {
			align-items: center;
			gap: 10px;
		}
			.site-header .link-flex .minisite-link {
				display: flex;
				align-items: center;
				text-decoration: none;
			}
			.site-header .link-flex .minisite-link:is(,:focus,:hover,:active) {
				text-decoration: underline;
			}
				.site-header .link-flex .minisite-link::before {
			    order: 3;
					content: '';
			    height: 15px;
			    margin: 0 10px 0 20px;
					width: 1px;
			    background-color: var(--dark);
					font-family: none;
				}
				.site-header .link-flex .minisite-link::after {
					font-size: .625em;
				}
		/* Recherche */
		.header-search .input:focus-visible {
			outline: 2px solid var(--dark);
			/*outline-offset: 14px;*/
		}
		/* Nos autres liens */
		.header-right .other-sites {
			gap: 8px;
			width: fit-content;
			font-size: .9375em;
      white-space: nowrap;
		}
			.header-right .other-sites::before {
				display: flex;
        align-items: center;
        justify-content: center;
				border-radius: 50%;
				height: 40px;
				min-width: 40px;
				background-color: var(--secondary);
				color: var(--white);
				transition: background-color .25s;
			}
			.header-right .other-sites:is(:focus-visible,:focus,:hover,:active)::before {
				/*transform: scale(1.1);*/
				background-color: var(--main);
			}

	/* Page-header */
	.page-header .page-header-title {
		margin-bottom: 60px;
	}
		.page-header-title .container {
	    display: flex;
	    gap: 30px;
		}

/* 05 = FOOTER */
	.footer-top .footer-text {
		margin: 0;
		width: 41.66666667%;
	}
		.footer-btn .link-page {
			margin: 20px 0 0;
		}
	.site-footer .footer-bottom::before {
		left: 0;
		right: 0;
	}		

/* 06 = ACCUEIL */
	/* Image bandeau HOME */
	.home .rte-content .page-title {
		font-size: 3em;
	}
	.site-main .page-header-home .page-header-top {
		background: url("../Img/tremblay_sprite.svg#cercle-white") no-repeat -20px 206% / 600px 600px, url("../Img/tremblay_sprite.svg#cercle-stripes") no-repeat 600px 260px / 700px 700px
		var(--greypale);
	}
	.page-header-home .picture {
	   position: relative;
	}
		.page-header-home .picture::before {
	    position: absolute;
	    bottom: -5px;
	    left: -5px;
	    z-index: 0;
	    content: '';
	    border-bottom-left-radius: 15px;
	    background-color: var(--secondary);
	    height: 92px;
	    width: 178px;
		}
		.page-header-home .header-picture .picture {
			position: relative;
		}
	/* Accès rapides */
	.site-main .section-quick-access {
		padding: 0;
	}
		.section-quick-access .quick-access-inner {
			align-items: baseline;
	    flex-direction: row;
	    gap: 30px;
	    margin: 0 auto;
	    padding: 20px 15px;
		}
			.site-main .section-home .section-home-quick-access {
        display: flex;
        flex-direction: column;
        gap: 0;
        justify-content: center;
        font-size: 1.5em;
        line-height: 1.25;
			}
				.site-main .section-home .section-home-title.section-home-quick-access {
					font-size: 1.5em;
				}
				.section-quick-access .mosaic-quick-access {
					gap: 30px;
					justify-content: flex-start;
					height: 112px;
					width: 100%;
					padding-right: calc((100% - 150px) / 6);
				}
				.mosaic-quick-access .article-quick-access {
	        padding: 0 10px;
	        width: calc((100% - 150px) /6 );
	        max-width: calc((100% - 150px) / 6);
				}
					.section-quick-access .quick-access-item-title {
						font-size: 1em;
					}
				.mosaic-quick-access .quick-access-last {
					top: 20px;
	        padding-left: 30px;
	        width: calc((100% - 150px) / 6);
				}
					.quick-access-last .btn-access {
		        flex-direction: column;
					}
						.quick-access-last .btn-access::before {
			        display: flex;
			        align-items: center;
							content: '\e976';
			        height: 60px;
							font-size: 1.75rem;
						}
						.open .quick-access-last .btn-access::before {
							content: '\e91d';
							font-size: 1.25rem;
							transform: none;
						}
						.open .quick-access-last .btn-access span {
							display: none;
						}
						.open .quick-access-last .btn-access .close {
							display: inline;
							color: var(--dark);
						}

	/* Actualités */
	.site-main .section-home .section-home-title {
		font-size: 3em;
	}
	.section-home-news .home-news-title::after,
	.actualites .page-title::after {
		height: 105px;
		width: 105px;
	}
		.home-news-first-item .home-news-body .news-title {
			font-size: 2.25em;
			line-height: 1.25em;
		}
		.home-news-body .news-abstract {
			font-size: 1em;
			line-height: 1.5;
		}
		.rte-content .home-news-body .news-title {
			font-size: 1.5em;
			line-height: 1.25;
		}
		.rte-content .home-news-first-item .home-news-body .news-title {
			font-size: 2.5em;
			line-height: 1.25;
		}
	/* Kiosque */
	.section-home-kiosque .home-kiosque-list {
    display: flex;
    gap: 60px;
	}
	.section-home-kiosque .kiosque-item:not(.kiosque-item-first) {
    display: flex;
    align-items: flex-start;
    flex-direction: column-reverse;
    gap: 20px;
    margin: 0;
    padding: 50px;
	}
		.section-home-kiosque .kiosque-item:not(.kiosque-item-first) .img-fluid {
			min-width: 220px;
		}
		.kiosque-item:not(.kiosque-item-first) .kiosque-body .kiosque-title {
			font-size: 1.375em;
		}
		.kiosque-item:not(.kiosque-item-first) .kiosque-body .subtitle {
			font-size: .875em;
		}
		.kiosque-item:not(.kiosque-item-first) .kiosque-body .extention,
		.kiosque-item:not(.kiosque-item-first) :is(.link-view,.link-download) {
			font-size: .875em;
		}
		.kiosque-item:not(.kiosque-item-first) :is(.link-view,.link-download) {

		}
			.kiosque-item:not(.kiosque-item-first) :is(.link-view,.link-download)::before {
		    height: 30px;
		    width: 30px;
		    min-width: inherit;
		    font-size: 1rem;
			}
	/* À voir & découvrir */
	.section-home-discoveries .container {
		flex-direction: row;
	}
		.site-main .section-home-discoveries .home-discoveries-title {
			font-size: 3em;
			line-height: 1;
		}
		.home-discoveries-list .home-discoveries-item:nth-child(2) {
			margin-top: 50px;
		}
			.home-discoveries-list .home-discoveries-item:hover::before {
				width: 280px;
			}

/* 07 = PAGE INTERNE */
	/* Page-header */
	.site-main .page-header {

	}
		.page-header .container-header {
			flex-direction: row;
			flex-wrap: wrap; /* Pour le bouton se déconnecter */
    	gap: 50px;
    	justify-content: space-between;
		}
		.page-header.no-image .page-header-top .container {
			padding: 100px 15px 80px;
			max-width: 960px;
		}
			.page-header .page-header-text,
			.page-header .header-picture {
				width: calc(50% - 25px);
			}
			.page-header .page-header-text {
				order: 1;
				margin-left: auto;
				max-width: calc((960px - 50px) / 2);
			}
			.page-header.no-image .page-header-text {
				margin: 0 auto;
				padding: 0;
				width: auto;
				max-width: inherit;
			}
			.page-header .page-header-text {
        padding: 0 0 0 15px;
			}

			.page-header .header-btn {
        display: flex;
        justify-content: flex-end;
				order: 2;
				width: 100%;
			}

			.page-header .header-picture {
				order: 2;
			}
			.page-header .header-picture .header-image {
				position: relative;
				border-radius: 10px;
			}			

	.site-main .page-body {
		padding: 50px 15px 80px;
	}
	.site-main .navigation-share + .page-body {
		margin-top: 0;
	}
	/*.site-main .no-image + .page-body {
		margin-top: -400px;
	}*/
		.rte-content .page-title {
			font-size: 2.625em;
		}
		/* RTE */
		.rte-content h2, 
		.rte-content .h2,
		.rte-content h2:last-child {
			font-size: 1.875em;
		}
			.rte-content :is(.frame-type-text,.frame-type-textmedia,.frame-default) :is(h2,.h2)::before {
		    top: 8px;
		  }
		.rte-content h3,
		.rte-content .h3,
		.form-horizontal .form-title {
			font-size: 1.375em;
		}
		.rte-content h4,
		.rte-content .h4 {
			font-size: 1.125em;
		}
		.rte-content h5,
		.rte-content .h5 {
			font-size: 1em;
		}
		.rte-content .frame-bloc {
			--frame-spacing: var(--frame-spacing-lg);
		}
	/* Sondage bas de page */
	.page-poll .page-poll-content, 
	.page-poll .page-poll-content-no {
		
	}
	/* Colonne de droite */
    .col-right .annuaire-page {
      flex-direction: column;
    }
    .col-right .annuaire-page .loading,
    .col-right .annuaire-page .textmedia {
      width: 100%;
    }
    .annuaire-page .annuaire-page .embed-responsive-16by9 {
    	border-radius: 10px 10px 0 0;
    }
	.annuaire-page .annuaire-page .textmedia,
	.col-right .annuaire-page .textmedia {
		/*padding: 20px 30px;*/
	}
	.col-right .annuaire-page .textmedia {

	}
		.col-right .textmedia-only .textmedia-item {
			width: 100%;
		}
	/* Accordéons */
	/*.accordion-item .accordion-header .menuSection-button::after {
		
	}*/
	/*#menuSection .accordion-collapse {
		display: block;
	}*/
	/* Colonne droite */
	.rte-content :is(.frame-encart, .frame-encart-white) .frame-inner :is(h1,h2,h3,h4,h5) {
		/*font-size: 1.5em;*/
	}
	/* ====================== CARD GROUPS début ======================= */
	/* Avant / après */
	/* Bouton */  
	.silder-before-after-container .slider-button {
	    position: absolute;
	    left: calc(50% - 20px);
	    top: calc(50% - 20px);
	}
	/* Blocs chiffres dans colonne de droite ! */
	.container .col-right .frame-type-card_group:not(.frame-layout-embedded) .icongroup {
		padding: 45px 0;
	}
		.col-right .icongroup-columns-2 .icongroup-item,
		.col-right .icongroup.frame-background-white .icongroup-item {
			align-items: center;
			flex-direction: column;
			text-align: center;
			width: 100%;
		}
			.col-right .icongroup-item .icongroup-item-icon {
				margin: 0 0 20px;
			}
	/* ====================== CARD GROUPS fin ======================= */
	/* ====================== 27 = MENU DES CANTINES début ======================= */
	/* Liste */
	#menuCantineSelectorDate {
		font-size: .889rem;
		max-width: inherit;
	}
	.menus .weeks .items {
		width:calc(50% - 10px);
	}
	/* ====================== 27 = MENU DES CANTINES fin ======================= */

  /* ====================== 33 = Expositions Photos début ======================= */
  /* Sommaire */
  .expos-summary .container {
    margin-bottom: 120px;
  }
      .expos-summary .summary-text {
          padding: 50px 0;
      }
          .summary-text .summary-link .summary-thematique {
              margin-bottom: 15px;
              font-size: 1rem;
          }
          .summary-text .summary-link .summary-title {
            margin-bottom: 15px;
            font-size: 2rem;
          }
  /* Fiche */
  .mediaListExpositions .blueimp-gallery>.description {
      margin-bottom: 80px;
  }
  /* ====================== 33 = Expositions Photos fin ======================= */

/* 08 = ACTUALITÉS */
	/* Filtres */
	.extension-actualites .accordion-flush .accordion-collapse {
		gap: 30px;
	}
	.extension-actualites .accordion-flush .accordion-collapse:is(.collapsing,.show) {
		display: flex;
	}
		.extension-actualites .accordion-flush .accordion-collapse .row {
			width: fit-content;
		}


	/* Liste */
	.actualites .home-news-first-item .home-news-body {
		margin-left: -95px;
		padding: 50px;
	}
		.actualites .home-news-first-item .home-news-body .news-title {
			font-size: 2.25em;
		}

/* 09 = AGENDA */
	.agenda .page-header-share .btn:is(:focus-visible,:focus,:hover,:active),
	.agenda .page-header-share .btn:is(:focus-visible,:focus,:hover,:active) {
		background-color: var(--main);
	}
  /* Filtres */
  .filters .row {
  	align-items: flex-end;
    gap: 20px;
    justify-content: flex-start;
    padding: 0;
  }
    .filters .form-group {
        width: 270px;
    }	    
    	.calendar .dropdown-menu {
    		left: -1px !important;
    	}
    		.calendar .calendar-render {
					padding: 30px;
    		}
    			.calendar .thosedates {
    				margin-bottom: 20px;
    			}
    			.ui-datepicker .ui-datepicker-header {
    				margin-bottom: 25px;
    			}
    			.ui-datepicker td {
    				padding: 1px 5px;
    			}
		.filters .form-group.submit {
			margin-top: 0;
			width: max-content;
		}
		.filters .form-group.submit + .form-group.submit {
			margin-top: 0;
		}
  	.filters .form-group input[type="text"] {
  		/*max-width: 310px;*/
  	}
  	.safari .period-radio .period-label {
  		padding: 8px 15px;
  	}
		/* Fiche */
		.agenda .rte-content .actualites .page-title {
			padding-block: 50px;
			font-size: 5em;
		}
	   .agenda .rte-content .actualites .page-title::after {
			top: calc(50% - 50px);
			height: 105px;
			width: 105px;
	   }

/* 10 = ANNUAIRE */
	/* Liste */
	.menu-subpages .list-item-directories .link {
		/*padding: 30px;*/
	}
	/* Liste élus */
  .elected-list .list-item-directories.mayor {
      width: 50%;
  }
	/* Single élu */
	.site-main .elected-single {
		flex-direction: row-reverse;
	}

/* 11 = RECHERCHE */
	.search-content .title {
		font-size: 1.5em;
	}

/* 12 = MÉDIATHÈQUE */
	/* liste */
	/*.gallery-list .gallery-list-default {
		justify-content: flex-start;
	}*/
	.gallery-item.col-lg-4 {
		width: 33.3333334%;
	}

/* 14 = SOMMAIRE */
	/* Titre */
	.page-body .header-summary {
		font-size: 3.75em;
	}
		.page-body .header-summary::after {
      right: -82px;
			top: -23px;
			height: 105px;
			width: 105px;
		}

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

/* 21 = MODALES */
	/* Accès rapides *//* Nos autres sites */
	.modal-share .modal-header {
    height: 200px;
	}
		.modal-share .h1 {
	    top: -25px;
		}
			.modal-share .h1 .img-fluid {
				height: 190px;
				width: 190px;
			}

/* 25 = LEAFLET */
	/* Colonne gauche */
	.site-main .col-lg-8 .annuaire-page::after {
		position: absolute;
		bottom: -5px;
		left: -5px;
		content: '';
		border-radius: 0 0 0 15px;
		height: 92px;
		width: 178px;
		background-color: var(--secondary);
	}
	/* Colonne droite */
	.col-right .annuaire-page .loading {
		border-radius: 10px 10px 0 0;
	}
	.col-right .annuaire-page .textmedia {
		border-radius: 0 0 10px 10px;
		padding: 30px;
	}
	.col-right .annuaire-page .textmedia-only {
		border-radius: 10px;
	}

/* 26 = MENUS */
	/* Menu de section */
	.backendlayout-page1colonne .site-main .menu-section:not(.list-unstyled) {
display: flex;
flex-wrap: wrap;
		columns: 2;
		column-gap: 50px;
	}
		.backendlayout-page1colonne .site-main .menu-section:not(.list-unstyled) li {
	    max-width: calc(50% - 25px);
	    width: calc(50% - 25px);
		}

}


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

/* 04 = HEADER */
	/* Flash Info */
	.flash-info .flashinfo-icon {
		left: 15px;
	}
	/* Site-header */
	.page-header-title .page-title {
		font-size: 3.75em;
	}

/* 05 = FOOTER */
	/* Bouton chatbot */
	.site-footer .button-chatbot {
		bottom: 26px;
	}
	body .cleed-namespace .chat-circle {
		bottom: 26px;
	}
		.chat-circle .green-circle, 
		.chat-circle .green-circle-left {
	    bottom: 28px;
		}
	/* Copyrights */
	.site-footer .footer-bottom .container {
		padding: 30px 15px;
	}

/* 06 = ACCUEIL */
	/* Agenda */
	.home .section-home-events .container {
    flex-direction: row;
    gap: 0;
    padding: 30px 15px;
	}
		.site-main .section-home-events .home-events-title {
			width: 25%;
      font-size: 3em;
      line-height: 1;
		}
		.section-home-events .home-events-list {
			width: 75%;
		}
		.section-home-events .home-events-btn {
			position: absolute;
			top: 168px;
		}
	/* Kiosque */
	.section-home-kiosque .home-kiosque-list {
    gap: 120px;
	}
		.kiosque-item .link .picture {
			min-width: 340px;
		}
	/* À voir & découvrir */
	.home-discoveries-list .home-discoveries-item:hover::before {
		width: 320px;
	}

/* 07 = PAGE INTERNE */	
	/* Page-header */
	.page-header.no-image .page-header-top .container {
		max-width: 1200px;
	}
	.page-header .page-header-text {
		max-width: calc((1200px - 50px) / 2);
	}
	.rte-content .frame-bloc {
		--frame-spacing: var(--frame-spacing-xl);
	}
	/* Liste de fichiers - Documents Légaux */
	.actes .filters .form-group:not(.submit) {
		width: 215px;
	}
	/* ====================== CARD GROUPS début ======================= */
	/* Chiffres */
	/* Bloc chiffres vide */
	.icongroup.frame-background-white .icongroup-item {
	    width: 25%;
	}
		.frame-type-icon_group.frame-background-none .icongroup {
			flex-wrap: nowrap;
		}
	/* ====================== CARD GROUPS fin ======================= */

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

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

 /* 15 = PUBLICATIONS */
 	.files-list .kiosque-item .link .picture {
 		min-width: inherit;
 	}

/* 21 = MODALES */
	/* Accès rapides */
	#dialogAccesRapide .mosaic-quick-access .article-quick-access {
		width: calc(12.5% - (140px / 8));
	}

/* 25 = LEAFLET */
	/* Colonne droite */
	.col-right .annuaire-page .textmedia-only {
		display: flex;
		gap: 20px;
	}
    .col-right .textmedia-only .textmedia-item {
      width: calc(50% - 10px);
    }

}


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

/* 01 = RESET */
	.container,
	.frame-container-default {
		max-width: 1320px;/* 1290 + (2*15)) */
	}

/* 04 = HEADER */
	/* Site-header */
	/* RECHERCHE : icône + dropdown-menu */
	.header-search .dropdown-menu {
		width: 470px;
	}

/* 06 = ACCUEIL */
	/* Kiosque */
	.section-home-kiosque .kiosque-item-first {
    flex-direction: row-reverse;
	}
		.section-home-kiosque .kiosque-item-first .kiosque-body {
	    align-items: flex-start;
	    gap: 15px;
		}
			.kiosque-item-first .kiosque-body .kiosque-title {
				font-size: 1.875em;
				line-height: 1.166;
				text-align: left;
			}
		.kiosque-item-first .picture {
			min-width: 300px;
		}
	/* Kiosque - Eco Mode */
	.ecomode.section-home-kiosque .kiosque-item-first .kiosque-body {
		align-items: center;
		padding-inline: 10px;
	}
		.ecomode .kiosque-item-first .kiosque-body .kiosque-title {
			font-size: 1.25em;
		}
	/* À voir & découvrir */
	.site-main .section-home-discoveries .home-discoveries-title {
		max-width: 280px;
	}

/* 07 = PAGE INTERNE */
	/* Page-header */
	.page-header.no-image .page-header-top .container {
		max-width: 1320px;
	}
	.page-header .container-header {
		max-width: 1600px;
	}
	.page-header.no-image .container-header {
		justify-content: flex-start;
		max-width: 1200px;
	}
		.page-header .page-header-text {
        max-width: calc((1320px - 50px) / 2);
		}
		.page-header.no-image .page-header-text {
			max-width: inherit;
		}


		/* ====================== 33 = Expositions Photos début ======================= */
    .mediaListExpositions .blueimp-gallery>.next, 
    .mediaListExpositions .blueimp-gallery>.prev {
        width: 230px;
        font-size: 4rem;
    }
    .mediaListExpositions .blueimp-gallery .fullScreen {
        left: 230px;
        right: 230px;
    }
    .mediaListExpositions .indicator {
        margin: 0 0 120px;
        padding: 0 230px;
    }
    /* ====================== 33 = Expositions Photos fin ======================= */

}