/* CSS du théâtre Louis Aragon la ville de Tremblay-en-France */

/******** 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: #FFC800;/* jaune */
	--secondary: #FFC800;/* jaune */
	--third: #953C96;/* violet */

	--search: #F3F3F3;/* gris fond recherche */

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

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

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

	--flash-info: var(--secondary);/* Jaune */

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

	/* Ombres récurrentes */
	--ombre: 0 4px 20px rgb(0 0 0 / 10%);
	--ombre-menu: 0 0 20px 0 rgba(0,0,0,.1);
}


/* 00 = FONTS */
/* Space Grotesk Regular */
@font-face {
  font-family: 'Space Grotesk Regular';
  src: url('../Fonts/space-grotesk-regular.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
}
/* Space Grotesk Bold */
@font-face {
  font-family: 'Space Grotesk Bold';
  src: url('../Fonts/space-grotesk-bold.woff2') format('woff2');
  font-style: normal;
  font-weight: 600;
}
/* Georgia */
.georgia {
	font-family: Georgia,Times,Times New Roman,serif;
	font-weight: 400;
}
body,
.site-main .section-home .section-home-title,

.rte-content .breadcrumb-list .breadcrumb-item strong,
.rte-content .accordion-section .accordion-header,
.rte-content .col-right .frame :is(h1,h2,h3,h4,h5),
.practical-info .events-dates .date .hour,
.accordion-section .accordion-item .accordion-header .accordion-button.menuSection-button,
.rte-content .search-filters .search-filters-title,
table thead th
/*
.flash-info .link,
.site-footer .link-page,
.site-main .section-quick-access .text-more,
.btn,
.kiosque-item :is(.link-view,.link-download),
.category,
.rte-content .bloc-directory .annuaire-page .organizer-item-title,
.rte-content .gallery-item .gallery-item-title,
.filters .label,
.site-main .btn.previous,
.home-news-body .news-title,
.practical-info .events-dates .date .red,
.events-dates .date,
.directories-single-text .directories-single-item a,
.site-footer .frame-type-text strong,
.site-footer .link-phone,
.header-menu .navigation .list-group-item .link,
.site-tools .tools-txt,
.bloc-directory .organizer-item a,
.home-news-item .link-newsletter,
.home-map-buttons .home-map-infos,
.rte-content blockquote p,
.form-horizontal .form-title,
.files-list-default .media-title,
.media-list-default .media-title,
.section-in-town .in-town-right .link::after,
.footer-top .element-header,
.section-home-gallery .overlay .doktype,
.ui-datepicker .ui-datepicker-title,
.site-footer .link-btn*/ {
	font-family: 'Space Grotesk Regular',sans-serif;
	font-weight: 400;
}
.site-footer .link-phone, 
.site-footer .link-page, 
.site-footer .link-btn,
.events-body .events-time,
.section-home .home-btn,
.rte-content .subtitle,

.flash-info .title,
.site-footer .frame-type-text .element-header,
.site-footer .link-newsletter,
.rte-content h2,
.rte-content .h2,
.rte-content h3,
.rte-content .h3,
.rte-content h4,
.rte-content .h4,
.rte-content h5,
.rte-content .h5,
.rte-content .link-button,
.files-list-default .media-title, 
.media-list-default .media-title,
.btn-primary,
.btn-secondary,
.btn-info,
.btn-default,
.kiosque-item .link .text,
.filters .label,
.practical-info .events-dates .date,
.practical-info .events-dates .date .red,
.directories-single-text .directories-single-item a,
.rte-content .annuaire-page .organizer-item-title,
.rte-content .col-right .frame .annuaire-page .organizer-item-title,
.rte-content .annuaire-page p:is(.organizer-phone,.organizer-email),
.form-horizontal .form-title,
.accordion-filters .accordionFilters-button,
.rte-content .page-title,
.menu-subpages .header-subpages,
.btn-group .btn.current,
.site-footer .textmedia-text strong,
.section-une .une-link-body,
.dropdown-menu .return-level-prev,
.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,
.rte-content p strong,
.footer-address .element-header,
.footer-liens-direct .liens-direct-title,
.rte-content strong,
.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 .function,
.rte-content .annuaire-page .btn-more,
.single-events .frame .link,
.single-events .title-right,
.single-events .h2,
.rte-content .accordion-header {
	font-family: 'Space Grotesk Bold',sans-serif;
	font-weight: 400;
}
@font-face {
  font-family: 'fontawesome';
  src:  url('../Fonts/Fontawesome/fontawesome.woff?4fyphb') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="fa-"], [class*=" fa-"],
.site-footer .link-phone::before,
.site-footer .link-page::before,
.site-footer .btn-newsletter::after,
.site-footer .btn-brochures::after,
.site-footer #c59 .frame-inner p::before,
.site-footer #c60 .frame-inner p::before,
.section-home .home-btn::after,
.home-links-item .home-links-link::before,

.section-home .btn-primary::after,
.rte-content .accordion-header .accordion-button::after,
/*.leaflet-marker-icon::before,*/
.btn-plus::after,
.filters .calendar .dropdown-toggle::after,
.menu-subpages .link::after,
.directories-list .filters-results .item-directories::after,
.external-link-new-window::after,
.check-cache::after,
.has-error .error::before,
#c127 + .frame-header + p::before,
#c154 + p::before,
.events-body .link-billetterie::before,
.practical-info-reservation .btn-ticket-perforated::before {
  /* 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 */
body {
	font-size: 16px;
	color: var(--dark);
}
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;
}
	a:focus-visible {
		outline-width: 0;
	}
		a:focus-visible::before {/* Style récurrent des CARDS pour la tabulation */
			outline-offset: 2px;
			outline-style: auto;
			outline-width: 2px;
		}
.btn-primary,
.btn-secondary,
.btn-info,
.btn-default {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
	border: 2px solid var(--white);
	border-radius: 25px;
	height: 50px;
  margin: 0 auto 10px;
  padding: 0 20px;
	width: fit-content;
	background-color: var(--dark);
	color: var(--white);
	line-height: 1.25;
	text-decoration: none;
	transition: all .3s;
}
.btn,
.btn:is(:focus-visible,:focus,:hover,:active) {/* Tous les boutons */
  /*box-shadow: none;
  outline: none;*/
}
.btn:focus-visible {
	box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
}
.btn-primary,
a.btn-primary {
	/*border: 1px solid #000;
	background-color: transparent;
	color: var(--dark);
	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) {
	border: 2px solid var(--dark);
	background-color: var(--dark);
	color: #fff;
	/*box-shadow: none;*/
  outline: none;
}
	.btn-primary .fa-regular {
		color: var(--dark);
		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(--dark);
}
.btn-info:is(:focus-visible,:focus,:hover,:active) {
  border-color: var(--dark);
	background-color: var(--dark);
	color: var(--white);
}
.btn-secondary,
.btn-secondary:disabled,
.btn-secondary.disabled {

}
.btn-secondary:is(:focus-visible,:focus,:hover,:active),
:not(.btn-check)+.btn-secondary:active {
  border-color: var(--dark);
	background-color: var(--white);
	color: var(--dark);
	box-shadow: none;
    outline: none;
}
.btn-plus {
	gap: 10px;
	border: 2px solid var(--dark);
	border-radius: 25px;
	height: 50px;
	padding: 15px 15px 15px 20px;
	background-color: transparent;
	color: var(--dark);
	font-size: 1em;
	text-transform: uppercase;
	transition: .3s ease;
}
.btn-plus:is(:focus-visible,:focus,:hover,:active),
.btn-plus.btn:first-child:active {
	border-color: var(--dark);
	background-color: var(--dark);
	color: var(--white);
	box-shadow: none;
}
	.btn-plus::after {
		border-color: var(--dark);
		font-size: 15px;		
		font-weight: 400;
		transition: .3s ease;
	}
	.btn-plus:is(:focus-visible,:focus,:hover,:active)::after {
		color: var(--white);
	}
.btn-plus:is(:focus-visible,:focus,:hover,:active),
.btn-plus.btn:first-child:active {
	border-color: var(--dark);
	background-color: var(--dark);
	color: var(--white);
	box-shadow: none;
}
	.btn-plus::after {
    /*color: var(--third);*/
	}
.category {
	position: relative;
  padding: 0 0 0 20px;
  color: var(--dark);
  font-size: .875em;
  line-height: 1.5;
  text-transform: uppercase;
}
	.category::before {
		position: absolute;
		left: 0;
		top: 10px;
		content: '';
		height: 1px;
		width: 15px;
		background-color: var(--dark);
	}
/* Font-Awesome */
.sr-only, .fa-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
/* Surcharge Bootstrap */
.container .container {
	padding: 0;
}


/* 03 = STRUCTURE */
.site-main {
	padding: 0;
}
	.site-main .page-body {
		padding: 40px 15px 60px;
		background-color: #fff;
	}
		.site-main .page-body > .frame:first-child {
			padding-top: 0;
		}
		#c73 {/* ancre accordéon section */
			display: none;
		}

/* 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: rgb(255,209,184);
		background: linear-gradient(90deg, var(--flash-info) 0%, var(--flash-info) 100%);
		color: #fff;
	}
		.flash-info .container {
			padding: 0;
		}
			.flash-info .flashinfo-icon {
				display: none;
				position: absolute;
				left: 0;
				top: 0;
				font-size: 32px;	
			}
			.flash-info .col-sm-11 {}
				.flash-info .carousel {
					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(--dark);*/
								font-size: 1.125em;
								line-height: 1.5;
							}
							.flash-info .abstract {
								font-size: 1em;
							}
								.flash-info .link {
									display: inline-flex;
									align-items: center;
									gap: 5px;
									color: var(--dark);
									transition: gap .3s;
								}
								.flash-info .link:is(:focus-visible,:focus,:hover,:active) {
									gap: 10px;
									outline: 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 .abstract .link {
	    margin-left: .5em;
	    color: #fff;
	    text-decoration: underline;
		}
		.flash-info .abstract .link:is(:focus-visible,:focus,:hover,:active) {
			text-decoration: none;
		}
		.flash-info .btn-close {
			position: fixed;
	    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: #fff/*var(--dark)*/;
			font-size: .875rem;
			box-shadow: unset;
			opacity: 1;
			transition: .3s ease;
		}
		.flash-info .btn-close:is(:focus-visible,:focus,:hover,:active) {
			box-shadow: unset;
			transform: scale(1.2);
		}
		.flash-info .btn-close:focus-visible {
			box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
		}

/* Site-header */
#wrap {
	/*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: 4;
	border-bottom: 1px solid var(--grey-border);
  padding: 10px 20px;
  box-shadow: none;
}
.home #wrap .site-header {
	border-bottom: 0;
}
	.site-header .container {
		display: flex;
		align-items: center;
		justify-content: space-between;	
		padding: 0;
		transition: height .3s;
	}

		/* LOGO */
		.site-header .logo {
			order: 1;
		}
			.navbar-mainnavigation.navbar-default-transition .logo .navbar-brand {
		    height: 50px;
		    width: 39px;
			}
		/* Blocs de droite */
		.site-header .header-right {
			display: flex;
			gap: 20px;
			order: 2;
			margin: 0 20px 0 auto;
		}
			/* billetterie */
			:is(.header-right,.practical-info-reservation) .btn-ticket-perforated {
		    position: relative;
				display: flex;
				justify-content: flex-start;/* Compatible iPhone */
		    order: 1;
		    border-color: var(--dark);
		    height: 40px;
		    margin: 0;
		    padding: 0;
		    max-width: 40px;
		    text-indent: 200%;
		    white-space: nowrap;
		    overflow: hidden;
			}
				:is(.header-right,.practical-info-reservation) .btn-ticket-perforated::before,
				.header-right .btn-ticket-perforated::before,
				.practical-info-reservation .btn-ticket-perforated::before {/* Compatible iPhone */
			    display: flex;
					justify-content: center;
					min-width: 36px;
			    font-size: 1.125rem;
			    text-indent: 0;
			    transform: rotate(-45deg);
				}			
			/* RECHERCHE : icône + dropdown-menu */
			.site-header .header-search {
				position: static;
				display: flex;
				align-items: center;/* Iphone */
		    gap: 20px;
				justify-content: flex-end;
			}
				.header-search .btn-recherche {
					position: relative;
					order: 2;
					border: none;
					background-color: #fff;
					color: var(--dark);
					height: 40px;
					width: 40px;
					text-decoration: none;
					box-shadow: none;
					transition: all .3s;
				}
					.btn-recherche .fa-magnifying-glass {
						font-size: 1.5rem;
					}
				.header-search .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-search .dropdown-menu.show {
					display: flex;
				}
					.search-form.show .search-form-body {
						position: relative;
				    border: 0;
				    border-radius: 30px;
				    height: 50px;
				    padding: 0 20px;
				    width: calc(100% - 60px);
				    background-color: var(--grey);
				    transform: none !important;
				    box-shadow: none;
					}
					.header-search .dropdown-menu .header-form {
						align-items: center;
						justify-content: space-between;
						height: 100%;
						width: 100%;
					}
						.header-search .label {
							width: 100%;
						}
							.header-search .input {
								border: none;
								width: 100%;
								background-color: inherit;
								color: var(--dark);
							}
							.header-search .input:focus {
								box-shadow: none;
								outline: none;
								outline-offset: 15px;
							}
							.header-search .input:focus-visible {/* A11Y */
								box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
							}
							.header-search .input::placeholder {
								color: var(--grey-text);
							}
						.header-search .search-button {
							border: 0;
							border-radius: 20px;
							height: 40px;
							margin-right: -15px;
							min-width: 40px;
							padding: 0;
							width: 20px;
							background-color: transparent;
							color: var(--dark);
							font-size: 20px;
							font-weight: 900;
							line-height: 1;
						}
					.header-search .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;
					}
		/* MENU BOOTSTRAP + 3ème NIVEAUX */
		/* Hamburger */
		/*.site-header .offcanvas {
			display: flex;
			align-items: center;
			flex-direction: row-reverse;
		}
			.header-menu {

			}*/

.offcanvas :is(button,a):focus-visible {/* A11Y */
	box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
}
				.header-menu .navbar-toggler {
					height: 60px;
					width: 60px;
				}
				.header-menu .navbar-toggler:focus {
					box-shadow: none;
				}
					.navbar-toggler.collapsed .navbar-toggler-icon {
						display: flex;
						justify-content: center;
						border-radius: 2px;
						height: 2px;
						background-color: var(--main);								
						font-size: 10px;
						text-transform: uppercase;
					}
						.navbar-toggler.collapsed .navbar-toggler-icon::before,
						.navbar-toggler.collapsed .navbar-toggler-icon:after,								
						.navbar-toggler-icon:after,
						.navbar-toggler-icon::before {
							background-color: var(--main);
						}
		/* Bouton ouverture menu desktop */
		.site-header .main-navigation-button {
				display: none;
		    flex-direction: column;
		    gap: 5px;
		    order: 4;
		    border: 0;
				height: 40px;
		    min-width: 40px;
    		background-color: transparent;
				color: var(--dark);
				font-size: 20px;
		}
@media screen and (max-width: 991px) {/* Correctif skip-links */
		.site-header .main-navigation-button {
			display: flex;
		}
}

		.header-menu .main-navigation-button:focus {
			border: 1px solid var(--dark);
		}
			.site-header .main-navigation-button::before {
				content: '';
				height: 23px;
				width: 30px;
				background: url(../Img/theatrelouisaragon_sprite.svg#hamburger) no-repeat center center / cover;
			}
		/* 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 .offcanvas {
	    position: fixed;
	    bottom: 0;
	    left: 0;
	    top: 0;
	    z-index: 9990;
	    min-height: 100vh;
	    width: 100%;
	    background-color: #fff;
		}
		/*.safari .site-header .offcanvas {Bug sur desktop Safari !
			min-height: calc(100vh - 100px);
		}*/
			.offcanvas .scroll-wrapper {
				max-height: 100vh;
	    	color: var(--dark);
		    overflow-x: hidden;
				overflow-y: auto;
			}
				.offcanvas .main-navigation-close {
    			position: relative;
					z-index: 9999999999;
			    border: 0;
			    height: 70px;
			    margin-left: auto;
			    width: 70px;
			    background-color: transparent;	
			    color: var(--dark);			    
			    font-size: 20px;
				}
					.offcanvas .main-navigation-close .fa-xmark {						
						/*font-size: 32px;*/
					}
				.offcanvas .scroll-wrapper .btn-secondary {
					margin: 0 auto 20px;
				}
				.offcanvas .scroll-wrapper .btn-secondary:is(:focus,:hover,:active) {
					border-color: #fff;
				}
					.offcanvas .navigation li {
						margin: 0;
					}
						.offcanvas .item-link {
					    border: 0;
					    min-width: 100%;
					    background: transparent;
						}
						.offcanvas .item-link,
						.navbar-mainnavigation.navbar-default .dropdown-menu a:not(.active), /* ces 3 lignes sont une surcharge d'artifica.css */
						.navbar-mainnavigation.navbar-default-transition .dropdown-menu a:not(.active), 
						.navbar-mainnavigation.navbar-default-transition.navbar-transition .dropdown-menu a:not(.active) {
							position: relative;
					    display: flex;
					    align-items: center;
					    border-left: 5px solid transparent;
					    border-bottom: 1px solid var(--grey-border);
					    height: 72px;
					    padding: 26px 30px;		
					    color: var(--dark);
					    font-size: 1.25em;
					    line-height: 1.6;					    
					    text-decoration: none;
					    transition: all .3s;
						}
						.offcanvas .level-1-item:first-child > .item-link {
							border-top: 1px solid var(--grey-border);
						}
						.offcanvas .rubrique .return-level-prev,
						.navbar-mainnavigation.navbar-default-transition .navigation .dropdown-menu .return-level-prev {
							border-left: 0;
							justify-content: flex-start;
						}
						.offcanvas .link-level-1 {
							
						}
						.offcanvas .level-1-item .item-link:is(:focus,:hover,:active) {
							border-left-color: var(--dark);
							background-color: var(--main);
							color: var(--dark);
							outline: none;
						}
						.offcanvas .active > .item-link, 
						.offcanvas .current > .item-link {

						}
						.navbar-mainnavigation.navbar-default-transition .dropdown-menu .link-level-2:not(.active):is(:focus,:hover,:active),
						.navbar-mainnavigation.navbar-default-transition .dropdown-menu a:not(.active,.return-level-prev):is(:focus,:hover,:active) {

						}
							.offcanvas .item-link .fa-arrow-right {
								margin-left: auto;
								color: var(--dark);
							}
							.offcanvas .item-link:is(:focus,:hover,:active) .fa-arrow-right,
							.offcanvas .active > .item-link .fa-arrow-right, 
							.offcanvas .current > .item-link .fa-arrow-right {
								/*color: var(--black);*/
							}
						.offcanvas .item-link.show {
							color: var(--main);
						}
							.item-link .fa-light {
								display: block;
								width: 50px;
								font-size: 18px;
								text-align: center;
							}
						.offcanvas .active .link-level-1,
						.offcanvas .current .link-level-1 {
							/*border-bottom-color: #fff;
							padding-left: 15px;
							background-color: var(--mainpale);
							color: var(--white);
							outline: none;*/
						}
							.link-has-children .fa-chevron-right {
						    position: absolute;
						    right: 20px;
						    width: auto;
						    font-size: 18px;
							}
				/* Niveau 2 */
				.offcanvas .dropdown-level-2, 
				.offcanvas .dropdown-level-3 {
					position: absolute!important;
			    bottom: 0!important;
			    left: 0!important;
			    top: 0!important;				    
			    border: 0;
			    border-radius: 0;
			    padding: 0;
			    width: 100%;
			    background-color: var(--white);
			    box-shadow: none;
			    transform: none!important;
				}
				.offcanvas .dropdown-level-2 {

				}
					.dropdown-level-2 .scroll-wrapper {
						padding: 0;
					}
						.offcanvas .rubrique {
							border-bottom: 1px solid var(--black);
							border-top: 1px solid var(--black);
						}
							.dropdown-menu .return-level-prev,
							.dropdown-menu .fa-arrow-left.flex-center {
							  align-items: center;
								justify-content: flex-start;
								height: 70px;
								width: auto;							  
								font-size: 1.125em;
							  text-decoration: none;
							}
							.dropdown-menu .main-navigation-close {
								width: 38px;
							}
							.dropdown-menu .return-level-prev:is(:focus, :hover, :active),
							.dropdown-menu .fa-arrow-left.flex-center:is(:focus, :hover, :active) {
								/*color: var(--white);*/
								outline: none;
							}
								.dropdown-menu .rubrique .return-level-prev .fa-arrow-left {
									width: 38px;
								}
						.offcanvas .level-2/*,
						.offcanvas .level-3*/ {
							/*padding: 10px 0;*/
						}
							.offcanvas .link-level-2,
							.offcanvas .link-level-3,
							.navbar-mainnavigation.navbar-default-transition .dropdown-menu .link-level-2:not(.active) {

							}
							.offcanvas .link-level-2,
							.offcanvas .link-level-3 {
								/*line-height: 1.222;*/
							}
							/*.offcanvas .active > .link-level-2,
							.offcanvas .current > .link-level-2,
							.offcanvas .active > .link-level-3,
							.offcanvas .current > .link-level-3 {								
								background-color: var(--mainpale);
							}*/

		/* ESSAI CORRECTIFS MENU AVEC MOUVEMENTS FLUIDES */
		.site-header .offcanvas {
			z-index: 10000;
			transition: left .5s;
		}
		.site-header .offcanvas:not(.show) {
		    left: -100%;
		}
			.site-header .offcanvas .dropdown-menu {				
	    	left: -100%!important;
				display: block;
				transition: left .5s;
			}
			.site-header .offcanvas.show .dropdown-level-2.show {
				left: 0%!important;
			}
			.site-header .offcanvas.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: #fff;	
									}
										.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 */
/* Retour haut de page*/
.to-page-top {
	position: fixed;
	right: 15px;
	bottom: 10px;
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	border-radius: 50%;
	height: 40px;
	width: 40px;
  background-color: var(--white);
  color: var(--dark);
  transition: .3s ease;
}
.to-page-top:is(:focus-visible,:focus,:hover,:active) {
  background-color: var(--dark);
  color: var(--white);
}
.site-footer {}
	.site-footer .footer-top {
  	padding: 50px 0;
		background-color: var(--dark);
		color: var(--white);
	}
		.site-footer a,
		.site-footer a:is(:focus-visible,:focus,:hover,:active),
		.site-footer a:not([class]) {/* Styles communs */
	    text-decoration: none;
		}
		/* Partie adresse */
		/*.footer-top .frame-size-default.frame-background-none.frame-space-after-none:not(.frame-option-ruler-after):not(.frame-has-backgroundimage):not(.frame-layout-embedded)+.frame-size-default.frame-background-none.frame-space-before-none:not(.frame-option-ruler-before):not(.frame-has-backgroundimage):not(.frame-layout-embedded) {
			margin-top: 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 {
					
				}
		.footer-address .frame-header {
			margin-bottom: 10px;
		}
			.footer-address .element-header {
		    font-size: 1.25em;
		    line-height: 1.5;  
			}
		.footer-address p {
			display: flex;
			align-items: baseline;
			gap: 10px;
			margin-bottom: 10px;
			font-size: .9375em;
			line-height: 1.2666;
		}
			#c127 + .frame-header + p::before {
				content: '\e90b';
			}
			#c154 + p::before {
				content: '\e907';
			}
			.footer-address p::before {
				position: relative;
    		top: 2px;
				font-size: 1.0666em;
			}
			.footer-top .footer-btn {
		    display: flex;
		    align-items: center;
		    flex-direction: column;
		    margin: 20px 0;	    
			}
				.footer-top .footer-btn p:last-child {/* Nous contacter */
					margin-bottom: 0;
				}
				/* Nous contacter + téléphone */
				.site-footer .link-phone,
				.site-footer .link-page,
				.site-footer .link-btn {
					display: flex;
					align-items: center;
					gap: 10px;
					border: 2px solid var(--white);
					border-radius: 25px;
					height: 50px;
					margin: 0 auto 10px;
					padding: 0 20px;
					width: fit-content;
					background-color: var(--dark);
					color: var(--white);
					text-decoration: none;
					transition: all .3s;
				}
				.site-footer :is(.link-phone,.link-page):is(:focus-visible,:focus,:hover,:active) {
					border: 2px solid var(--white);
					background-color: var(--white);
					color: var(--dark);
				}
					.site-footer .link-phone::before,
					.site-footer .link-page::before {
						content: '\e91f';
						color: #fff;
						font-size: 20px;
					}
					.site-footer .link-phone::after,
					.site-footer .link-page::after {
						display: none;
					}
					.site-footer .footer-btn a:is(:focus-visible,:focus,:hover,:active)::before {
						color: var(--dark);
					}
					.site-footer .link-phone:is(:focus-visible,:focus,:hover,:active)::before {
						content: '\e909';
					}
					.site-footer .link-page::before {
						content: '\e920';
					}
					.site-footer .link-page:is(:focus-visible,:focus,:hover,:active)::before {
						content: '\e90a';
					}


		.site-footer .frame-type-text {
			padding: 0;
		}
			.site-footer .frame-type-text .frame-inner {
				margin-bottom: 0;
			}			

		/* Partie connectés */
		.site-footer .footer-connected {
			position: relative;
			z-index: 3;/* dépasser fond sombre ! */
			display: flex;
			align-items: center;
			flex-direction: column;
			gap: 30px;
		}
			.site-footer .btn-newsletter {
				margin-bottom: 0;
				background-color: var(--white);
				color: var(--dark);
			}
			#c128, #c129, #c159 {
				display: none;
			}
			.site-footer .btn-newsletter:is(:focus-visible,:focus,:hover,:active) {
				border-color: var(--white);
				background-color: var(--dark);
				color: var(--white);
			}
				.site-footer .btn-newsletter::after,
				.site-footer .btn-brochures::after,
				.section-home .home-btn::after {
					content: '\e919';
				}
			.site-footer .btn-brochures {
		    display: inline-flex;
		    align-items: center;
		    gap: 10px;
		    color: var(--white);
		    transition: all .3s;
			}
			.site-footer .btn-brochures:is(:focus-visible,:focus,:hover,:active) {
				gap: 20px;
				color: var(--main);
			}


		.site-footer .link-btn {
			justify-content: center;
			margin: 0;
			width: 260px;
			background-color: transparent;
			color: var(--dark);
			font-size: .9375em;
			white-space: nowrap;
		}
		.site-footer .link-newsletter {
	    border-top-left-radius: 0;
	    width: fit-content;
	    font-size: 1em;
		}
		.site-footer .link-btn:is(:focus-visible,:focus,:hover) {
	    background-color: #fff;
	    color: var(--dark);
		}
		.site-footer .link-newsletter:is(:focus-visible,:focus,:hover) {
	    background-color: var(--dark);
	    color: #fff;
		}
		/* Réseaux */
		.footer-top .list-unstyled {
			display: flex;
			align-items: center;
			gap: 10px;
			justify-content: center;
			margin: 0;
		}
			.footer-top .header-link .network {
				margin: 0;
			}
				.footer-top .contact {
					display: none;
				}
				.footer-top .list-unstyled .link {
					position: relative;
					display: flex;
					align-items: center;
					justify-content: flex-start;/* Compatible iPhone */
					border: 0;
					border-radius: 20px;
					height: 40px;
					width: 40px;
					max-width: 40px;
					background-color: var(--dark);
					color: var(--white);
					font-size: 1.5em;
					text-indent: 200%;
   				white-space: nowrap;
					overflow: hidden;
					transition: all .3s;
				}				
				.footer-top .list-unstyled .link:is(:focus-visible,:focus,:hover,:active) {
			    background-color: var(--white);
			    color: var(--dark);
				}
					.footer-top .list-unstyled .link::before {/* Compatible iPhone */
				    display: flex;
				    justify-content: center;
				    min-width: 40px;
				    text-indent: 0;
					}
/* Partenaires */
.site-footer .footer-middle {

}
	.footer-middle .container {
		padding-block: 40px;
	}
		.footer-middle p {
			color: var(--grey-text);
			font-size: .8125em;
			line-height: 1.1333;
		}
		.files-list-partners .partners-list {
		  flex-wrap: wrap;
		  gap: 30px;
		}
			.partners-list .partners-item {
				margin: 0;
			}
				.partners-list .partners-item .img-fluid {
			    height: 60px;
			    width: auto;
			    filter: grayscale(1);
			    opacity: .5;
			    transition: all .3s;
				}
				.partners-list :is(.partners-item,.media):is(:focus-visible,:focus,:hover,:active) .img-fluid {
					filter: grayscale(0);
					opacity: 1;
				}
/* Liens footer */
.site-footer .footer-bottom {
	border-top: 1px solid var(--grey-border);
}
	.site-footer .footer-bottom .container {
		display: flex;
		align-items: center;
		flex-direction: column;
		gap: 30px;		
		padding-block: 40px;
	}
		/* Liens copyrights*/
		.footer-bottom .footer-links {
			width: 100%;
			text-align: center;
		}
			.footer-links .list-unstyled {
				display: flex;
				flex-wrap: wrap;
		    gap: 15px 30px;
		    justify-content: center;
		    margin-bottom: 0;
			}
				.footer-links .list-unstyled .list-item {
					margin-bottom: 0;
					font-size: .9375em;
				}		
					.footer-links .list-item .link {
						color: var(--grey-text);
					}
					.footer-links .list-item .link:is(:focus-visible,:focus,:hover,:active) {
						color: var(--dark);
						text-decoration: underline;
					}


/* 06 = ACCUEIL */
/* Image bandeau HOME */
.home .page-header-home {
	position: relative;
}
	.home .page-header-home .picture {
		display: block;
		height: calc(100vh - 50px);
	}
		.page-header-home .header-image {
			height: 100%;
			width: 100%;
			max-width: none;
			object-fit: cover;
		}
		.site-main .link-arrow-home {
	    position: absolute;
	    bottom: 30px;
	    left: 0;
	    right: 0;
	    content: "";
	    display: flex;
	    justify-content: center;
	    width: 100%;
	    font-size: 36px;
	    color: rgba(255, 255, 255, .8);
	    text-decoration: none;
	    transform: translateY(-50%);
	    animation-duration: 1.125s;
	    animation-name: chevron-bounce;
	    animation-iteration-count: infinite;
	    animation-timing-function: ease-out;
		}
		.site-main .link-arrow-home:is(:focus,:hover,:active) {
		  color: rgba(255, 255, 255, .8);
		}
		@keyframes chevron-bounce {
	    0% {
	        transform: translateY(0);
	    }
	    40% {
	        transform: translateY(-20px);
	    }
	    65% {
	        transform: translateY(0);
	    }
	    80% {
	        transform: translateY(-10px);
	    }
	    100% {
	        transform: translateY(0);
	    }
		}
/* Style récurent sur les blocs d'accueil */
.home .section-home {
	padding: 50px 15px;
}	
	.site-main .section-home .section-home-title {
		border-left: 1px solid var(--dark);
		margin: 0;
		padding: 0 0 0 29px;
		font-size: 2em;
		line-height: 1.25;
		letter-spacing: .1em;
		word-break: break-word;
	}

/* Agenda */
.home .section-home-events {

}
	.section-home-news .container,
	.section-home-events .container,
	.section-home-projects .container,
	.section-home-kiosque .container {
		position: relative;
		z-index: 2;
		display: flex;
		flex-direction: column;
		gap: 50px;
	}

	.section-home-events .home-events-list {
		display: flex;
		gap: 30px 0;
		justify-content: center;
	}
		.section-home :is(.home-news-item,.events-item) {
	    margin-bottom: 0;
		}
			:is(.events-item,.home-news-item) .item {
				position: relative;
				display: flex;
	    	flex-direction: column-reverse;
	    	justify-content: flex-end;
				min-height: 100%;
	  		background-color: #fff;
			}
				:is(.events-list,.news-list) .link,
				.gallery-list .home-events-link,
				.home-focus-item .home-focus-link {
					text-decoration: none;
				}
				:is(.events-list,.news-list,.gallery-list) .link::before {
					position: absolute;
					bottom: 0;
					left: 0;
					right: 0;
					top: 0;
					content: '';
				}
				.events-list .link::before {
					bottom: 81px;
				}
				.billetterie .events-title .link::before {
					bottom: 80px;
				}
					.events-list .picture-date,
					.news-list .picture {
						position: relative;
					}
						.events-list .picture-date::before,
						.news-list .picture::before {
							position: absolute;
							bottom: 0;
							left: 0;
							right: 0;
							top: 0;
							z-index: 1;
							content: '';
							transition: all .3s;
						}
						.events-list .item:is(:focus-visible,:focus,:hover,:active) .picture-date::before,
						.news-list .item:is(:focus-visible,:focus,:hover,:active) .picture::before {
							background-color: rgba(255,255,255,.4);
						}
						:is(.events-list,.news-list) .picture {						
							display: block;
							aspect-ratio: 37 / 25;
							overflow: hidden;
						}
							.events-list .picture .object-fit {

							}
							.events-list .events-item:is(.cancelled, .deferred, .completed) .picture .object-fit {

							}
						/* Date */
						.events-list .date .time {
							position: absolute;
							bottom: -20px;
							left: 0;
							border-radius: 0 20px 20px 0;
							height: 40px;
							padding: 10px 20px;
							background-color: var(--secondary);
							color: var(--dark);
						}
						.events-list .date .time-simple {
						   
						}
						.events-list .date .time-complex {
					    display: flex;
					    gap: 5px;
						}
							.events-list .time > * {
								display: flex;
								align-items: center;
								gap: 5px;
								font-size: 1.25em;
								/*flex-direction: column;
								text-align: center;*/
							}
								.events-list .filters-themes .time > * {/* Filtres événements */
									color: var(--dark);
								}
								.events-list .date * {
									line-height: 1;
								}
								.events-list .date .day-number {
									/*font-size: 1.5em;*/
								}
								.events-list .date .month {
									text-transform: uppercase;
								}
								.date .date-end {

								}
								.date .fa-chevron-right {
									font-size: 1em;
								}			
				/* billetterie */
				.rte-content .events-body .link-billetterie {
					order: 5;
					border: 2px solid var(--dark);
					border-radius: 25px;
					height: 50px;
					width: 50px;
					background-color: var(--dark);
					color: var(--white);
					text-decoration: none;
					overflow: hidden;
					transition: all .3s;
				}
				.rte-content .events-body .link-billetterie:is(:focus-visible,:focus,:hover,:active) {
					border: 2px solid var(--dark);
					background-color: var(--white);
					color: var(--dark);
				}
					.events-body .link-billetterie::before {
						content: "\e961";
						transform: rotate(-45deg);
					}
	.events-list .events-body,
	.news-list .home-news-body {
		z-index: 2;
		display: flex;
		flex-direction: column;
		gap: 10px;
		border-left: 1px solid var(--grey-border);
		padding: 30px;
	}
		.events-list .events-title,
		.news-list .news-title {
			order: 3;
			margin-bottom: 0;
			font-size: 2em;
			line-height: 1.25;
			text-transform: uppercase;
			transition: color .3s;
		}
		.events-item .item:is(:focus-visible,:focus,:hover,:active) .events-title,
		.home-news-item .item:is(:focus-visible,:focus,:hover,:active) .news-title {
			color: var(--link);
		}
		.events-item .category {
			order: 2;
		}
		.events-body .events-place + .events-time {
			margin-top: -10px;
		}
		.events-body .events-time {
			order: 1;
			margin-bottom: 0;
			font-size: 1.25em;
			line-height: 1;
			text-transform: uppercase;
		}
		.events-body .events-abstract {
			order: 4;
			color: var(--grey-text);
		}
			.events-body .events-abstract p {
				margin: 0;
				font-size: 1em;
			}
		/*.section-home .home-btn {
			position: relative;
			display: block;
			display: inline-grid;
			margin: 0 auto;
			width: fit-content;
			color: var(--dark);
			text-decoration: none;
			overflow:hidden;
		}
			.section-home .home-btn::after {
			    display: block;
			    content: '';
			    height: 1px;
			    width: 100%;
			    background: var(--dark);
			    transition: width .3s;	  
			}
			.section-home .home-btn:is(:focus-visible,:focus,:hover,:active)::after {
			  animation: underline-hover .8s normal none running;
			}

		@keyframes underline-hover {
		  0% { 
		  	transform:translateX(0);
		  }
		  50% {
		  	transform:translateX(100%);
		  }
		  50.01% {
		  	transform:translateX(-100%);
		  } 
		  to {
		    transform:translateX(0);
		  }
		}*/
	.section-home .home-btn {
		position: relative;
		display: block;
		margin: 0 auto;
		width: fit-content;
    color: var(--dark);
    text-underline-offset: 3px;
	}
	.section-home-events .home-btn:is(:focus-visible,:focus,:hover,:active) {
		text-decoration: none;
	}
		.section-home .home-btn::after {
			position: absolute;
	    right: -23px;
			top: 5px;
	    font-size: .875rem;
	    transition: right .3s;
		}
		.section-home .home-btn:is(:focus-visible,:focus,:hover,:active)::after {
			right: -33px;
			color: var(--dark);
		}

/* Liste de liens */
.home .home-links {
	background-color: var(--main);
  padding: 60px 0;
}
	.home-links .home-links-list {
		display: flex;
	}
		.home-links-list .home-links-item {
			margin-bottom: 0;
			width: 33.3333334%;
		}
			.home-links-item .home-links-link {
				position: relative;
				flex-direction: column;
		    gap: 20px;
		    justify-content: center;
    		padding: 70px 10px 0;
    		color: #fff;/* A11Y */
				line-height: 1.3125;
		    text-align: center;
				text-decoration: none;
			}
			.home-links-item .home-links-link:is(:focus-visible,:focus,:hover,:active) {
				text-decoration: underline;
			}
				.home-links-item .home-links-link::before {
					position: absolute;
					top: 0;
					font-size: 3em;
				}
				.home-links-item .home-links-link-191::before {/* Venir au théâtre */
					content: '\e963';
				}
				.home-links-item .home-links-link-192::before {/* Nos brochures */
					content: '\e96c';
				}
				.home-links-item .home-links-link-193::before {/* Billetterie en ligne */
			    top: 9px;
					content: '\e96d';
			    font-size: 2.5em;
			    transform: rotate(-45deg);
				}
				.home-links-item .home-links-link:is(:focus-visible,:focus,:hover,:active)::before {
					
				}
				.home-links-item .home-links-link::after {
					position: absolute;
					left: 0;
					top: calc(50% - 8px);
					content: '';
					height: 15px;
					width: 1px;
					background-color: var(--white);
				}
				.home-links-item:first-child .home-links-link::after {
					display: none;
				}

/* Actualités */
.home-news-item .news-abstract {
  order: 4;
  margin: 0;
  color: var(--grey-text);
  font-size: 1em;
}

/* En images */
.site-main .section-gallery {
	position: relative;
	background-color: var(--third);	
	/*background: linear-gradient(180deg, rgba(149,60,150,1) 0%, rgba(48,19,48,1) 100%);*/
	color: var(--white);
	overflow: hidden;/* scroll sur mobile... */
}
	.site-main .section-gallery::before {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		top: 0;
		z-index: 1;
		content: '';
		background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 100%);
	}
	.section-gallery .container {
		position: relative;
    z-index: 2;
		margin-bottom: 50px;
	}
		.site-main .section-gallery .home-resources-title {
			border-color: var(--white);
		}
	.section-gallery .container-fluid {
		position: relative;
    z-index: 2;
		display: flex;
		flex-direction: column;
		gap: 50px;
	}
		.textmedia-gallery .gallery-list {/* Surcharge BP */
		  gap: 30px var(--gallery-gap);
		}
		.section-gallery .gallery-list {/* Idem liste */
			gap: 30px;
			flex-direction: column;
			justify-content: center;
		}
		.section-home .gallery-list {
			/*align-items: center;*/
		}
			.gallery-list .gallery-item {
				margin-bottom: 0;
			}
				.gallery-list .gallery-item .item {
					position: relative;
					display: flex; /* Sinon pas de z-index pour le cartouche ! */
					flex-direction: column-reverse;
					color: var(--white);
				}
					.gallery-item .picture {
						position: relative;
						display: block;
						margin-bottom: 20px;
						aspect-ratio: 37 / 25;
			    	overflow: hidden;
					}
						.gallery-list .gallery-item .object-fit {
							/*height: 100%;
							transition: transform .5s;*/
						}
						.gallery-list .item:hover .object-fit {
							/*transform: scale(1.1);*/
						}
					.gallery-item .gallery-body {
						z-index: 2;
				    display: flex;
				    flex-direction: column;
				    gap: 5px;
					}
					.section-home .gallery-item .gallery-body {
						/*z-index: 1;
						border-radius: 0 30px;
						margin-top: -62px;
						padding: 15px 20px;
						width: calc(100% - 50px);
						background-color: #fff;*/
					}			
						.gallery-item .gallery-type {
							position: absolute;
							bottom: 25px;
							left: 25px;
							z-index: 1;
							border-radius: 50%;
							height: 50px;
							width: 50px;
							background-color: var(--dark);
							color: var(--white);
							font-size: 1.5rem;
							transition: all .3s;
						}
						.gallery-list .gallery-item:hover .gallery-type {
							background-color: #fff;
							color: var(--dark);
						}
							.gallery-list .gallery-item:hover .fa-play::before {
								content: '\e923';
							}
							.gallery-list .gallery-item:hover .fa-camera::before {
								content: '\e925';
							}
						.rte-content .gallery-item .gallery-title {
							order: 2;
							margin-bottom: 0;
							font-size: 1.25em;
							line-height: 1.2;
						}
							.home .gallery-item .gallery-title .link {
								color: var(--white);
								text-decoration: none;
							}						
							.home .gallery-item:hover .gallery-title .link {
						    text-decoration: underline;
						    text-decoration-color: var(--white);
							}
						.gallery-item .category {
					    order: 1;
					    color: var(--white);
						}
							.gallery-item .category::before {
								background-color: var(--white);
							}
		.section-gallery .home-gallery-btn,
		.section-gallery .home-btn:is(:focus-visible,:focus,:hover,:active)::after {
			color: var(--white);
		}


/* 07 = PAGE INTERNE */
/* Page-header */
.site-main .page-header {
  position: relative;
  background: var(--fifth) url(../Img/theatrelouisaragon_sprite.svg#wave-white) no-repeat 0 0 / 844px 560px;
}
.site-main .page-header.no-image {

}
	.page-header .container-header {
		position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
	}
		.page-header .page-header-text {
    	padding: 20px 0;
    	display: flex;
    	flex-direction: column;
		}
			.rte-content .page-title {
    		position: relative;
				display: block;
				order: 3;
				margin-bottom: 0;/* 30px seulement si on a une catégorie ! */
				line-height: 1;
				text-align: left;
				text-transform: uppercase;
			}
			.rte-content .subtitle {
				order: 1;
				margin-bottom: 20px;
				font-size: 1.5em;
				line-height: 1;
				text-transform: uppercase;
			}
			.page-header-text .category {
				order: 2;
		    margin-bottom: 20px;
		    padding-left: 25px;
		    font-size: 1.125em;
		    line-height: 1;
			}
				.page-header-text .category::before {
			    top: 7px;
			    width: 20px;
				}
		.page-header .header-picture {
			margin-bottom: 0;
		}
			.page-header .header-picture .picture {
		    display: block;		    
		    aspect-ratio: 144 / 60;
		    overflow: hidden;
			}
				.page-header .header-picture .header-image {
					height: 100%;
    			width: 100%;
					margin: 0;
				}
.page-body #c73 + .frame {
	padding-top: 0;
}
/* RTE */
.rte-content .lead {
	border-left: 1px solid var(--dark);
	margin-bottom: 30px;
	padding: 0 0 0 30px;
	font-size: 1.25em;
	line-height: 1.6;
}
.pagesummary .rte-content .lead,
.page-body .accordion-section {
	position: relative;
	margin-bottom: 40px;
	padding: 0 0 40px;
}
/* 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;
  padding-bottom: 10px;
}
	.accordion-section .accordion-item:last-child {
    /*border-bottom: 1px solid var(--grey-border);*/
		margin-bottom: 30px;
		/*padding-bottom: 10px;*/
		background-color: transparent;
	}
		:is(.accordion-section,.accordion-filters) .accordion-item .accordion-header {			
    	margin-bottom: 20px;
    	font-size: 1.25em;
		}
			: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;
			background: none;
			color: var(--dark);
			font-size: 1em;
			letter-spacing: .15em;
		}
		.rte-content .accordion .accordion-header .accordion-button:focus-visible,
		.rte-content .accordion-header .accordion-button:not(.collapsed):focus-visible {
			box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
		}
			.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: .875em;
		    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,
.form-horizontal .form-title {
	display: flex;
  gap: 15px;
	margin-bottom: 30px;
	font-size: 1.75em;
	line-height: 1.25;
}
.rte-content .page-body :is(.frame-encart,.frame-encart-yellow) :is(h2,.h2) {
	text-transform: inherit;
}
.extension-agenda.layout-single .rte-content h2:last-child {
	margin-bottom: 10px;
	font-size: 1.5em;
	text-transform: uppercase;
}
.accordion .accordion-header {
	margin-bottom: 0;
	font-size: 1.5em;
	line-height: 1.25;
	text-transform: uppercase;
}
.rte-content h3,
.rte-content .h3 { /* Les titres de formulaires ont le même design que les h3 */
	margin-bottom: 20px;
  font-size: 1.5em;
  line-height: 1.333;
}
.rte-content h4,
.rte-content .h4 {
	margin-bottom: 20px;
	font-size: 1.125em;
	line-height: 1.5;
	text-transform: uppercase;
}
.rte-content h5,
.rte-content .h5 {
	margin-bottom: 20px;
	font-size: 1em;
	line-height: 1.5;
}
.rte-content p, 
.rte-content .list-normal li, 
.rte-content ol li {
	margin-bottom: 20px;
	font-size: 1.125em;
	line-height: 1.5;
}
	.rte-content :is(p,li) a,
	.rte-content :is(p,li) a:not([class]) {
		color: var(--dark);
		text-decoration-color: var(--dark);
		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) {
		color: var(--dark);
		text-decoration: underline;
		text-decoration-color: var(--dark);
		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: 0;
}
	.rte-content .gallery-item .image img {
		/*border-radius: 30px 30px 0;*/
	}
.image .caption {
	padding-top: 5px;
	color: var(--grey-text);
  font-size: .8125em;
  line-height: 1;
  opacity: 1;
}
.rte-content blockquote {
	position: relative;
  border: 0;
  border-radius: 30px 30px 0;
  margin: 30px 0 30px 80px;
  padding: 20px 30px;
  background-color: var(--secondary);
  font-size: 1em;
}
	.rte-content blockquote::before {
    position: absolute;
    top: 20px;
    left: -60px;
    content: "";
    height: 28px;
    width: 40px;
    background: url(../Img/theatrelouisaragon_sprite.svg#comment) no-repeat center center / cover;
	}
	.rte-content blockquote p {
		font-family: "Times New Roman", Times, serif;
		font-size: 1.5em;
		line-height: 1.25;
		hyphens: auto;
		color: var(--dark);
	}
	.rte-content blockquote p:last-child {
		margin-bottom: 0;
	}	
		.rte-content blockquote footer a:not([class]) {
			color: var(--dark);
		}
		.rte-content blockquote footer a:not([class]):is(:focus,:hover,:active) {			
			color: var(--dark);
		}
.frame-encart .frame-group-container {
	padding: 0;
}
	.rte-content .encart::before, 
	.rte-content .frame-encart::before {/* Surcharge artifica.fr */
		display: none;
	}
	/* Encarts */
	.rte-content .frame-encart .frame-inner,
	.rte-content .frame-encart-yellow .frame-inner,
	.rte-content .textmedia-text .encart {
		padding: 30px;
	}
	.rte-content .frame-encart-yellow .frame-inner {
		padding: 20px 30px;
	}
	.rte-content .frame-encart .frame-inner,
	.rte-content .textmedia-text .encart,
	.rte-content .frame-encart-yellow .frame-inner {
		background-color: var(--third);
		color: #fff;
	}
		.rte-content :is(.frame-encart, .frame-encart-yellow) .frame-header {
			margin-bottom: 0;
		}
			.rte-content :is(.frame-encart, .frame-encart-yellow) .frame-inner :is(h1,h2,h3,h4,h5) {
				margin-bottom: 20px;
				padding: 0;
				font-size: 2em;
				line-height: 1.25;
			}
				.rte-content :is(.frame-encart, .frame-encart-yellow) :is(h1,h2,h3,h4,h5)::before {
					display: none;
				}
		.rte-content .frame-encart .link-button {
	    border-color: #fff;
	    background-color: transparent;
	    color: #fff;
		}
		.rte-content .frame-encart .link-button:is(:focus,:hover,:active) {
	    border-color: #fff;
	    background-color: #fff;
	    color: var(--dark);
		}
	.rte-content .frame-encart-yellow .frame-inner {
		border-left: 10px solid var(--secondary);
		background-color: transparent;
		color: var(--dark);
	}
		.rte-content .frame-encart-yellow .frame-inner * {
			position: relative;
			z-index: 1;
		}
		.rte-content .frame-encart-yellow .link-button {
			border-color: var(--secondary);
			margin: 0 auto;
			background-color: transparent;
			color: var(--secondary);
		}
		.rte-content .frame-encart-yellow .link-button:is(:focus-visible,:focus,:hover,:active) {
			border-color: var(--secondary);
			background-color: var(--secondary);
			color: #fff;
		}
			.rte-content .frame-encart-yellow .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-yellow) + :is(.frame-encart, .frame-encart-yellow) {
		margin-top: 0;
	}
	.col-right :is(.bloc-directory,.frame-siblings) .frame-header {
		margin-bottom: 10px;
		/*position: relative;
		z-index: 2000;
    padding: 10px 15px;
    background: #fff;
    border-radius: 0 0 20px 0;
    width: fit-content;
    margin: 0 0 -20px;*/
	}
		.col-right :is(.bloc-directory,.frame-siblings) .frame-header :is(h1,h2,h3,h4,h5) {
			border-radius: 25px 0 0 25px;
			margin: 0;
			padding: 10px 20px;
			background-color: var(--third);
			color: #fff;
		}

.rte-content ul:not(.list-unstyled), 
.rte-content ol:not(.list-unstyled) {
	margin-bottom: 2em;
	padding-left: 43px;
	line-height: 1.5;
}
.rte-content ul:not(.list-unstyled):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 {
		position: relative;
		margin-bottom: 10px;
	}
	.rte-content .list-normal li, 
	.rte-content ol li {
		margin-bottom: 10px;
	}
		.rte-content ul:not(.list-unstyled) li::before {
	    position: absolute;
	    left: -23px;
	    top: 9px;
	    display: block;
	    content: "";
	    border-radius: 4px;
	    height: 8px;
	    width: 8px;
	    background-color: var(--dark);
	    transition: .3s ease;
		}
	.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: 16px;
	}
	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:not(.ui-datepicker-calendar) thead {
	border: 0;
	background-color: #fff;
	color: #fff;
	line-height: 1.5;
}
	table:not(.ui-datepicker-calendar) thead th {
		background-color: var(--dark);
		padding: 13px 20px;
    color: #fff;
    font-size: 1.25em;
    line-height: 1.2;
	}
.table>tbody {
	border: 0;
}
	table:not(.ui-datepicker-calendar) tbody tr {
		max-height: 50px;
		vertical-align: middle;
	}
		table:not(.ui-datepicker-calendar) tbody tr td {
			border-bottom: 1px solid var(--grey-border);
			border-left: 1px solid var(--grey-border);
		}
		table:not(.ui-datepicker-calendar) tbody tr td:last-child {
			border-right: 1px solid var(--grey-border);
		}
	/*table:not(.ui-datepicker-calendar) tr:nth-child(even),*/
	table.table-striped tr:nth-child(even) {
		background-color: var(--grey);
	}
	table.table-striped {
		overflow: hidden;
	}
	.table-striped>tbody>tr:nth-of-type(odd)>* {
		--bs-table-bg-type: #fff;
	}
	.table-striped>tbody>tr:nth-of-type(even)>* {/* Tableau avec alternance en BO */
		--bs-table-bg-type: var(--mainlight);
	}
	.table table>:not(caption)>*>* {
		border: 0;
		padding: 10px 20px;
		background: none;
		color: inherit;
	}
	.table .table-condensed>:not(caption)>*>* {
    padding: 5px 20px;
	}
	.table tbody tr:first-child td {
		/*border-top: 1px solid var(--third);*/
	}
.table-sm>:not(caption)>*>*,
.table-condensed>:not(caption)>*>* {
	padding: 0.5rem 0.5rem;
}
	table td {
		/*padding: 5px 10px;
		font-size: 1.125em;*/
	}
.rte-content .accordion-section .menu-section li {
	transition: padding-left .3s;
}
.rte-content .accordion-section .menu-section li:is(:focus-visible,:focus,:hover,:active) {
  padding-left: 15px;
}
	.rte-content .accordion-section .menu-section li::before,
	.rte-content .frame-siblings .siblings-item::before {
	  left: -30px;
	  top: 12px;
	  background-color: #ccc;
	  border-radius: 0;
	  height: 1px;
	  width: 15px;
	  transition: width .3s;
	}
	.rte-content .accordion-section .menu-section li:is(:focus-visible,:focus,:hover,:active)::before {
		width: 30px;
	}
	.menu-section .section-link {
	  display: block;
	  color: var(--dark);
	  text-decoration: none;
	  transition: color .3s;
	}
	.menu-section .section-link:is(:focus-visible,:focus,:hover,:active) {
		color: var(--grey-text);
		text-decoration: none;		
	}

/* Accordéons */
.accordion-item {
	border: none;
	border-bottom: 1px solid var(--grey-border);
}
.accordion-item:first-of-type {
	border-top: 1px solid var(--grey-border);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion-item:last-of-type {
	border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.accordion-item + .accordion-item {
	/*margin-top: 10px;*/
}
	.accordion-header {
		display: flex;
		align-items: center;
	}
		.rte-content .accordion .accordion-header .accordion-button {
			font-size: 2rem;
			line-height: 1.25;
			padding: 20px 30px 20px 0;
			color: var(--dark);
		}
		.rte-content .accordion-header .accordion-button:not(.collapsed) {
			border-bottom-color: transparent;
			background-color: transparent;
			color: var(--dark);
			box-shadow: none;
		}
			.rte-content .accordion-header .accordion-button::after {
				position: absolute;
				top: calc(50% - 12px);
				right: 0;
				display: flex;
		    align-items: center;
		    justify-content: center;
		    content: "\e91e";
		    border: none;
		    height: 24px;
		    width: 20px;
		    background-image: unset;
		    color: var(--dark);
		    font-size: 20px;
		    font-weight: 400;
		    transform: rotate(90deg);
		    transition: .3s ease;
			}
			.rte-content .accordion-header .accordion-button:not(.collapsed)::after {
				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: 0 0 20px;
		}

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

/* Liste horizontale */
.frame-horizontal-list .frame-container {
	border-bottom: 1px solid #d9d9d9;
	border-top: 1px solid #d9d9d9;
	margin-bottom: 100px;
	padding-bottom: 50px;
}
	.frame-horizontal-list .list-normal {
		display: flex;
	}
		.frame-horizontal-list .list-normal li {
			display: flex;
			align-items: center;
			flex-direction: column;
			padding: 0 20px;
			width: 100%;
			text-align: center;
		}
			.frame-horizontal-list .list-normal li::before {
				position: static;
				content: "\f058";
				font-size: 50px;
			}
/* Colonne de droite */
.rte-content .col-right h2,
.rte-content .col-right .h2,
.rte-content .col-right h3,
.rte-content .col-right .h3,
.rte-content .col-right h4,
.rte-content .col-right .h4,
.col-right .frame-header .element-header {	
	display: block;
	margin-bottom: 10px;
	color: var(--main);
	font-size: 1.5em;
	line-height: 1.25;
	text-transform: uppercase;
}
.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;
	justify-content: center;
	border: 2px solid var(--dark);
	border-radius: 30px;
	padding: 10px 20px;
	min-height: 50px;
	width: max-content;
	max-width: 100%;
	background-color: #fff;
	color: var(--dark);
	font-size: 0.888em;
	line-height: 1.25;
	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: 2px solid var(--dark);
	background-color: var(--dark);
	color: #fff;
	text-decoration: none;
}

/* 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: #fff;
      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: #fff;
			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)/*#fff*/;
        }
/* Sondage bas de page */
/*.site-main .page-poll {
	background-color: rgba(219,219,219,.3);
}
	.page-poll .page-poll-content,
	.page-poll .page-poll-content-no {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    padding: 30px 0;
  	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;			
			font-size: 1.25em;
		}
		.page-poll .btn-poll {
			background-color: var(--grey);
			color: var(--dark);
		}
		.page-poll .btn-poll:is(:focus-visible,:focus,:hover,:active) {
			background-color: var(--dark);
			color: #fff;
		}
		.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-cancel {
	    border: 0;
	    background: none;
	    font-size: 1.125em;
		}
	.page-poll .poll-thank {
		margin: 0;
		padding: 30px 0;
	}*/

	
/* 08 = ACTUALITÉS */
/* Liste */
.results-list .news-list {
	gap: 30px 0;
	justify-content: center;
}

/* Offres d'emploi */
/*.news-item .card-img-top {
	border-radius: 20px;
}
	.news-item .card-img-top .picture {
		border-radius: 20px;
		aspect-ratio: 57 / 41;
		overflow: hidden;
	}
		.news-item .card-img-top .news-link .object-fit,
		.events-list .picture .object-fit {
			height: 100%;
			transition: transform .3s;
		}
		.news-item .item:hover .object-fit,
		.events-list .item:hover .object-fit {
			transform: scale(1.1);
		}
	.news-item .card-body {
		position: relative;
  	z-index: 1;
		padding: 20px 0;
	}
		.news-item .card-body .news-body-header {
			padding-bottom: 20px;
		}
			.news-item .card-body .category {
				margin-bottom: 10px;
			}
			.rte-content .news-item .card-title {
				
			}
				.news-item .card-title .news-link:not(.btn) {
					margin-top: 0;
					color: inherit;
				}
				.news-item .card-title .news-link:is(:focus-visible,:focus,:hover,:active) {
					color: var(--dark);
					text-decoration: none;
				}
				.news-list .card-title::after,
				.events-list .card-title::after {
					content: unset;
				}
			.card-body .location {
				margin-bottom: 0;
			}
			.card-body .news-txt {
				color: var(--text-grey);
			}*/

/* 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%;
	}
.site-main .btn.previous {
	position: relative;
	border: none;
	box-shadow: none;
	margin: 50px 0 0 0;
	padding: 0 0 0 23px;
	background-color: transparent;
	color: var(--dark);
	font-size: 1em;
	line-height: 1.5;
	text-decoration: underline;
	text-underline-offset: 3px;
	text-transform: none;
}
.site-main .btn.previous:is(:focus-visible,:focus,:hover,:active) {
	text-decoration: none;
}
.site-main .btn.previous:focus-visible {
	box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
}
.extension-actualites.layout-single .date-maj {
	margin: 0;
	font-size: .875em;
	color: var(--grey-text);
}
/*.site-main .single-news + .btn.previous {
	padding: 0 15px;
}*/
	.site-main .btn.previous .fa-arrow-left {
		position: absolute;
		left: 0;
		border-radius: 50%;
		color: var(--dark);
		font-size: .875em;
		transition: .3s ease;
	}
	.site-main .btn.previous:is(:focus-visible,:focus,:hover,:active) .fa-arrow-left {		
		transform: translateX(-20px);
	}

.layout-single .rte-content .gallery-item .lightbox picture {
	aspect-ratio: 3 / 2;
	overflow: hidden;
}	
/* Remontées pages (centre ou colonne de droite) */
/*.bloc-news .page-item .link {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	border-bottom: 1px solid var(--grey-border);
	padding: 10px 0;
	color: var(--dark);
	text-decoration: none;
}
	.page-item .picture {
		display: block;
		aspect-ratio: 140 / 95;
		max-width: 140px;
		overflow: hidden;
	}
		.page-item .object-fit {
			border-radius: 10px 10px 15px 0;
		}
	.rte-content .col-right .bloc-news .page-item .title {
		margin: 0;
		color: var(--dark);
		font-size: 1.25em;
		line-height: 1.5;
		text-transform: inherit;
	}
	.bloc-news .page-item .events-time {
    	color: var(--grey-text);
	}
		.bloc-news .page-item .events-time .fa-solid {
		    width: 25px;
		    color: var(--secondarypale);
		}*/
		

/* 09 = AGENDA */
/* Liste */
.results-list .events-list {
  gap: 30px 0;
}
	.rte-content .results-list .events-item {
	  margin-bottom: 0;
	}
		.results-list .events-item .item {

		}
			.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;
					z-index: 2;/* contre effet survol image */
					display: flex;
					align-items: center;
					justify-content: center;
					content: "Annulé";
					border-radius: 15px;
					padding: 5px 10px;
					width: max-content;
					background-color: #fff;
					color: var(--reda11y);
					font-size: .875em;
					line-height: 1.428;
				}
				.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 {
					aspect-ratio: 37 / 18;
				}
				.events-item .card-body {
					background-color: #f3f3f3;
				}
					.events-item .events-link {
						text-decoration: none;
					}*/

/* Filtres */
.site-main .filters {
    margin-bottom: 40px;
    background-color: transparent;
}
	.filters .accordion-filters {
		width: 100%;
	}
		.filters .row {
			flex-direction: column;
			gap: 10px;
			box-shadow: none;
			margin-bottom: 0;
			background-color: transparent;
		}
			.filters .row > .form-group {
				margin: 0;
			}
			.filters .form-group {
				display: flex;
				flex-direction: column;
				gap: 10px;
				padding: 0;
				width: 100%;
			}
			.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(--dark);
				}
					.filters .label .label-help {
						color: var(--grey-text);
						font-size: .8125em;
					}
				.filters .form-group.submit .btn {
					border-radius: 25px;
					margin-bottom: 0;
					padding: 0 25px;
					height: 44px;
					min-height: auto;
					width: 100%;
					/*font-size: 1.125em;*/
					text-decoration: none;
				}
				.filters .form-group .form-control {
					position: relative;
					border-color: var(--dark);
					border-bottom-width: 1px;
					border-radius: 25px;
					height: 44px;
					padding: 0 5px 0 20px;
					background-color: var(--search);
					color: var(--text-grey);
					box-shadow: none;
				}
				.filters .form-control::placeholder {
					color: var(--text-grey);
				}
				.filters select.form-control {
					border: 1px solid var(--dark);
					height: 46px;
					/*background: var(--search) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KCTxwYXRoIGZpbGw9IiMwQTQxNEQiIGQ9Ik0yMzMuNCA0MDYuNmMxMi41IDEyLjUgMzIuOCAxMi41IDQ1LjMgMGwxOTItMTkyYzEyLjUtMTIuNSAxMi41LTMyLjggMC00NS4zcy0zMi44LTEyLjUtNDUuMyAwTDI1NiAzMzguNyA4Ni42IDE2OS40Yy0xMi41LTEyLjUtMzIuOC0xMi41LTQ1LjMgMHMtMTIuNSAzMi44IDAgNDUuM2wxOTIgMTkyeiIvPgo8L3N2Zz4K) no-repeat right 18px center / 16px auto;*/
					background: var(--search) url(../Img/theatrelouisaragon_sprite.svg#chevron-down) no-repeat right 18px center / 16px auto;
					color: var(--dark);
					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/theatrelouisaragon_sprite.svg#chevron-up) no-repeat right 18px center / 16px auto;
					box-shadow: none;
				    outline: none;
				}
				.filters 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(--dark);
			    color: #fff;
			    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: #fff;
								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(--dark);
								background-color: var(--dark);
								color: #fff;
								box-shadow: none;
							}
					.filters .submit .btn-submit {
						border: 2px solid var(--dark);
						background-color: var(--dark);
						color: #fff;
						/*font-size: 1.15625em;*/
						font-weight: unset;
						text-transform: none;
					}
					.filters .submit .btn-submit:is(:focus-visible,:focus,:hover,:active) {
						border-color: var(--dark);
						background-color: #fff;
						color: var(--dark);
					  /*box-shadow: none;*/
					}
					.filters .form-group.submit .btn-reset {
						border: 1px solid var(--grey-border);
						/*box-shadow: none;*/				
						background-color: transparent;
						color: var(--dark);
						text-decoration: none;
						text-transform: inherit;
					}
					.filters .submit .btn-reset:is(:focus-visible,:focus,:hover,:active) {
						border-color: var(--dark);
						color: var(--dark);
						/*text-decoration: underline;*/
					}
					/* Calendrier */
					.ui-datepicker td {
						padding: 3px 7px;
					}
						.ui-datepicker td span, 
						.ui-datepicker td a {
					    height: 36px;
					    width: 36px;
						}
.results-list .criteria-total {
	margin: 0 0 40px;
}
/* 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 {
  border: 0;
  outline: none;
  box-shadow: 0 0 0 1px #fff,0 0 0 3px var(--dark);
}

/* Critères */
.search-result .criteria-total {
	margin-top: 0;
}
	.criteria-total .totalresults {
	  display: flex;
	  gap: 5px;
	}
		.totalresults .colored {
			/*margin-right: 5px;
			background-color: transparent;
		  color: var(--dark);*/
		}
		.totalresults .keyword {
			color: var(--dark);
		}
		.totalresults .colored.keyword {
			margin: 0;
		}
		.criteria .btn-primary {
	    height: 30px;
	    padding: 0 10px;
		}

/* Fiche */
.single-content .frame-type-textmedia {
	padding-top: 0;
}
	.single-content .frame-type-textmedia .element-header {
    margin-bottom: 30px;
    font-size: 2em;
	}
	.single-content .frame-type-textmedia p {
		margin-bottom: 30px;
	}
/* Infos pratiques */
.single-events .frame-practical {
	padding-top: 0;
}
	.single-events .practical-info {

	}
		.rte-content .practical-info .practical-title {
			margin-bottom: 15px;
			font-size: 2em;
			line-height: 1.25;
			text-transform: none;
		}
			.practical-info .practical-title::before {
				display: none;				
			}
		.rte-content .single-events .title-right,
		.rte-content .single-events .h2 {/* Styles récurrents */
			margin-bottom: 20px;
	    font-size: 2em;
	    line-height: 1.25;
		}
			.rte-content .single-events .title-right::before,
		.rte-content .single-events .h2::before {
				display: none;
			}
			.practical-info .practical-info-item {
				display: flex;
				align-items: center;
				gap: 20px;
				border-bottom: 1px solid var(--grey-border);
				padding: 20px 0;
			}
			.practical-info .practical-info-item:last-child {
				border-bottom: none;
			}		
				.practical-info .practical-info-time .events-dates {}
				.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 .events-dates .date {
					  text-transform: uppercase;
					}
					.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: var(--grey-text);*/
						/*color: rgba(36,39,43,.5);*/
					}
						.practical-info .events-dates .hour {
							margin-left: 6px;
						}
					.practical-info .events-dates .h3 {
				    margin-bottom: 0;
				    color: var(--grey-text);
				    font-size: 1em;
				    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: #fff;
						color: var(--reda11y);
						font-size: .75em;
						line-height: 1.666;
						text-transform: uppercase;
					}
				.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(--dark);
					font-size: 24px;
				}
				.practical-info-item .link {
					color: var(--dark);
					text-decoration: none;
				}
				.practical-info-item .link:is(:focus-visible,:focus,:hover,:active) {
					text-decoration: underline;
				}
					.practical-info-item .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-reservation {

			}
				.practical-info-reservation .btn-primary {
			    gap: 10px;
			    justify-content: center;
					border-color: var(--dark);
			    height: 50px;
			    padding: 10px 30px;
			    width: 100%;
			    max-width: inherit;
			    text-indent: 0;
				}
				.practical-info-reservation .btn-primary:is(:focus-visible,:focus,:hover,:active) {
					border-color: var(--dark);
					background-color: var(--white);
					color: var(--dark);
				}
					.practical-info-reservation .btn-ticket-perforated::before {
				    position: static;
				    transform: rotate(-45deg);
					}
		.single-events .practical-info + hr {
			margin-bottom: 0;
		}
.layout-single .frame-violet {
	margin-bottom: 50px;
	padding: 30px;
	background-color: var(--third);
	color: var(--white);
}
	.layout-single .frame-violet *:last-child {
		margin-bottom: 0;
	}
	.layout-single .rte-content .frame-violet h2 {
		margin-bottom: 20px;
		font-size: 2em;
	}
	.layout-single .rte-content .frame-violet p {
		font-size: 1.125em;
	}
	.layout-single .rte-content .frame-violet a {
		color: var(--white);
		text-decoration-color: var(--white)
	}
	.layout-single .rte-content .frame-violet a:is(:focus-visible,:focus,:hover,:active) {
		color: var(--white);
		text-decoration: none;
	}
	.layout-single .rte-content .frame-violet a.link-button {
    border-color: var(--white);
    background-color: transparent;
	}
	.layout-single .rte-content .frame-violet a.link-button:is(:focus-visible,:focus,:hover,:active) {
    border-color: var(--white);
    background-color: var(--white);
    color: var(--third);
	}

/* Diaporama */
/*.rte-content .diaporama:not(:last-child),
.files-list-diaporama .diaporama:not(:last-child) {
  margin-bottom: 30px;
}*/
/* Galerie médias */
.single-events .gallery-list .col-lg-3 {
  margin-bottom: 30px;
}
	.single-events .files-list-diaporama .gallery-list .gallery-artifica-picture {
		aspect-ratio: 28 / 25;
	}
/*.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;
			/*font-size: 1.125em;*/
		}
			/*.single-agenda-map .map-info-item p {
				font-size: 1em;
			}*/
				.single-events .frame .link {
					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(--secondarypale);
				font-size: 20px;
			}
.single-events .single-organizer {
	display: flex;
  flex-direction: column;
  gap: 20px;
	padding: 30px;
}
	.single-organizer .organizer-title {

	}
/*.page-45 .previous {
	margin-bottom: 88px;
}*/
/*.single-events .header-btn {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
	.single-events :is(.addEvents, .btn-reservation) {
		margin-bottom: 30px;
		text-decoration: none;
		text-transform: none;
	}*/


/* 10 = ANNUAIRE */
/* Liste */
.directories-list .filters-results {
	gap: 30px 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: 20px;
				border: 1px solid var(--grey-border);
				height: 100%;
				padding: 30px 30px 70px;
				color: var(--dark);
				text-decoration: none;
				transition: background-color .3s;
			}
			.directories-list .filters-results .item-directories:hover {
				background-color: var(--fifth);
			}
				.directories-list .filters-results .item-directories::after {
					position: absolute;
					bottom: 0;
					right: 0;
			    display: flex;
			    align-items: center;
			    justify-content: center;
					height: 50px;
			    width: 50px;
			    border-radius: 20px 0;
					color: var(--dark);
					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(--dark);
					color: #fff;
				}
				.directories-list .item-directories .link {
					color: var(--dark);
					text-decoration: none;
				}
				.directories-list .item-directories .link:is(:focus,:hover,:active) {
					text-decoration: none;
				}
				.directories-list .item-directories-caption .address {
					display: flex;
					gap: 10px;
					color: var(--grey-text);
				}
					.directories-list .item-directories-caption .fa-location-dot {
						position: relative;
	    			top: 5px;
					}
				/*.directories-list .item-directories-caption .fa-phone {
				    transform: rotate(90deg);
				}*/
				.directories-list .item-directories-caption .category {
					margin-bottom: 10px;
				}
				.directories-list .item-directories-caption .title {
					margin-bottom: 10px;
					font-size: 1.5em;
					line-height: 1.333;
					transition: none;
				}
					.directories-list .item-directories-caption .title::after {
						content: 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;
				}

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

/* Liste élus */
.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 {
		/*display: flex;
		justify-content: space-between;
		border: solid 1px var(--main);
		height: 100%;
		padding: 15px 15px 50px;
		background-color: var(--palegreen);
		color: var(--dark);*/
	}
	.elected-list .menu-subpages .list-item-directories .link {
		/*flex-direction: row-reverse;*/
	}
		body .directories-list .item-directories:hover::after {
			background-color: var(--third);
			color: #fff;
		}
		.elected-list .item-directories-img {
			display: flex;
			align-items: center;
			justify-content: center;
			min-width: 120px;
			height: 120px;
			width: 120px;
			background-color: #fff;
		}
		.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: #fff;
					transition: .3s ease;*/
				}
				.elected-list .item-directories-caption .title {
					margin-bottom: 0;
					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 {
		margin-bottom: 5px;
	}
	.elected-list .item-directories-caption .fonction {
		font-size: 1.25em;
		line-height: 1;
	}
	.elected-list .item-directories-caption .resume {
		margin: 0;/* Corrections Délégations = text1 */
		line-height: 1.5;
	}
		.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;
				overflow: hidden;
			}
				.elected-list .item-directories .item-directories-img .fa-user {
					font-size: 24px;
					color: var(--dark);
				}
				.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);
				}

/* 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-single-text .directories-single-item {
				display: flex;
				flex-direction: column;
				border-bottom: 1px solid #dfdfdf;
				padding: 15px 0;
				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);
					text-decoration: none;
				}
					.directories-single-text .directories-single-item .fa-regular {
						color: var(--dark);
						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 .list-nets {
					display: flex;
					align-items: center;
					flex-wrap: wrap;
					gap: 10px;
				}
					.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;
						}
		.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;
			}


/* 11 = RECHERCHE */
progress::-webkit-progress-bar {
	border-radius: 5px;
	background-color: var(--grey);
}
progress::-webkit-progress-value {
	border-radius: 5px;
    background-color: var(--secondary);
}
progress::-moz-progress-bar {/* à mettre isolé des autres styles progressbar */
	border: 0;
	border-radius: 5px;
	background-color: var(--secondary);
}
.search-result .search-content {
	order: 2;
}
.search-result .search-filters {
	order: 1;
}
	.start-point .item {
		cursor: unset;
	}
		.rte-content .page-body .start-point .item .title {
			line-height: 1.333;
			text-transform: none;
		}
			.rte-content .page-body .start-point .item .title::before {
				display: none;
			}
		.start-point .abstract p strong {
	    background-color: var(--secondary);
	    color: var(--dark);
		}
		.search-content .title {
			font-size: 1.25em;
		}
			.search-content .link {
				color: var(--dark);
				text-decoration: none;
				transition: .3s ease;
			}
			.start-point .item .link:is(:focus-visible,:focus,:hover,:active) {
				/*color: var(--dark);*/
			}
				.search-content .link strong {
					/*color: var(--dark);*/
				}
		.search-content .search-body {
			align-items: flex-start;
		}
			.search-body .link {
				/*color: var(--dark);*/
			}				
				.search-type .icon {
					border: 1px solid var(--dark);
					/*color: var(--dark);*/
				}
				.search-content .search-body .icon {
					/*color: var(--dark);*/
				}
				.search-content .start-point .item .search-body .link:is(:focus-visible,:focus,:hover,:active) .icon {
					border-color: var(--dark);
					background-color: var(--dark);
					color: #fff;
				}
		.search-body .time {
			color: var(--grey-text);
		}
	.rte-content .search-filters .search-filters-title {
		margin-bottom: 20px;
		font-size: 1.5em;
		line-height: 1.333;
		text-transform: uppercase;
	}
		.rte-content .search-filters .search-filters-title::before {
			display: none;
		}
	.col-droite .search-filters-list {
		display: flex;
		flex-wrap: wrap;	
		gap: 10px;
		margin-bottom: 40px;
	}
		.rte-content .search-filters-list .item {
			margin: 0;
		}
			.search-filters .link {
				display: inline-flex;
				border: 1px solid var(--dark);
				border-radius: 20px;
				height: 40px;
				margin: 0;	
				padding: 0 15px;
				background-color: #fff;
				color: var(--dark);
				font-size: inherit;
				text-decoration: none;
				transition: all .3s;
			}
			.search-filters .link:is(:focus-visible,:focus,:hover,:active),
			.search-filters .link.active {
				border-color: var(--dark);
				background-color: var(--dark);
				color: #fff;
			}
				.search-filters-list .icon {
					color: var(--dark);
					transition: all .3s;
				}
				.search-filters .badge {
					margin-left: .25em;
					padding: 0;
					color: var(--dark);
					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: #fff;
				}
.col-droite .list-unstyled.search-filters-list li::before {
	display: none;
}


/* 12 = MÉDIATHÈQUE */
/* liste */
.gallery-list .gallery-list-default {
	gap: 0 40px;
	justify-content: center;
}
	.gallery-list .gallery-title .link {
		text-decoration: none;
	}
	.gallery-list .gallery-title .link:is(:focus-visible,:focus,:hover,:active) {
		text-decoration: underline;
	}
		.gallery-list .gallery-title .link::before {

		}
/* 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: 20px;*/
	overflow: hidden;
}


/* 14 = SOMMAIRE */
/* Page */
.page-body .menu-subpages {
  gap: 30px 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;	    
	    height: 100%;
	    background-color: var(--fifth);
	    transition: box-shadow .3s;
		}
		.menu-subpages .item:hover {
			/*box-shadow: 0 5px 10px rgba(0,0,0,.15);*/
		}
			.menu-subpages .subpages-body {
		    display: flex;
		    flex-direction: column;
		    gap: 15px;
		    border-bottom: 1px solid var(--grey-border);
		    padding: 25px 0 30px 0;
			}
				.pagesummary .menu-subpages .title,
				.frame-type-menu_pages .menu-subpages .title {
	    		margin-bottom: 0;
					font-size: 1.5em;
					line-height: 1.333;
				}
					.pagesummary .menu-subpages .title::before,
					.frame-type-menu_pages .menu-subpages .title::before {
						width: 30px;
						transition: width .3s	;
					}
					.pagesummary .menu-subpages .title:is(:focus,:hover,:active)::before,
					.frame-type-menu_pages .menu-subpages .title:is(:focus,:hover,:active)::before {
						width: 70px;
					}
					.menu-subpages .subpages-body .link {
						color: var(--dark);
						text-decoration: none;
					}
					.menu-subpages .subpages-body .link:is(:focus-visible,:focus,:hover,:active) {
						text-decoration: none;
					}
						.menu-subpages .link::after {
							position: absolute;
							bottom: 0;
							left: 0;
							right: 0;
							top: 0;
							z-index: 1;
							content: '';
						}
				.menu-subpages .abstract {
					margin-bottom: 0;
					color: var(--grey-text);
					line-height: 1.5;
				}
      .menu-subpages .picture-overflow {
		    aspect-ratio: 37 / 25;
		    /*border-radius: 30px 80px 0;*/
		    overflow: hidden;		    
      }      
				/*.menu-subpages .object-fit {
					transition: transform .3s;
				}
				.menu-subpages .item:hover .object-fit {
					transform: scale(1.1);
				}*/
/* Fausse page sommaire */
.rte-content .frame-type-menu_pages .element-header {
  margin-bottom: 20px;
}
.frame-type-menu_pages .menu-subpages {
  margin-bottom: 2em;
}


/* 15 = PUBLICATIONS */
.files-list .kiosque-list {
  gap: 30px 0;
}
	.kiosque-list .kiosque-item .picture {
		box-shadow: var(--ombre);
		transform: none;
	}
.files-list-kiosque .list-unstyled {
	padding-left: 0;
}
	.files-list-kiosque .kiosque-item {
		display: flex;
		align-items: center;
		flex-direction: column;
		min-height: 100%;
		margin-bottom: 30px;
	}
		.files-list-kiosque .list-unstyled .kiosque-item::before {
			display: none;
		}
		.files-list-kiosque .kiosque-item .link {
			text-decoration: none;
		}
			.files-list-kiosque .kiosque-item .link .flex-center {
				display: inline-flex;
			}
			.files-list-kiosque .kiosque-item .background {
				box-shadow: 8px 8px var(--grey);
			}
				.files-list-kiosque .img-responsive {
			    height: auto;
			    max-width: 100%;
				}
				.files-list-kiosque .kiosque-body {
	    		padding: 10px 20px;
	    		text-align: center;
				}
					.files-list-kiosque .kiosque-body .kiosque-title {
						margin-bottom: 10px;
				    font-size: 1.25em;
				    line-height: 1.2;
				    word-break: break-word;
					}
						.files-list-kiosque .kiosque-title::after {
							display: none;
						}
					.files-list-kiosque .kiosque-body .extention {
				    margin: 0 0 10px;
				    font-size: 1em;
					}
					.files-list-kiosque .kiosque-buttons .link {
				    display: block;
				    color: var(--dark);
				    text-align: center;
				    transition: color .3s;
					}
					.files-list-kiosque .kiosque-buttons .link:is(:focus-visible,:focus,:hover,:active) {
						color: var(--dark);
						text-decoration: underline;
						text-decoration-color: var(--dark);
						text-decoration-thickness: 2px;
					}
						.files-list-kiosque .kiosque-buttons .link .fa-regular {
							margin-right: 5px;
							color: var(--link);
						}


/* 16 = BREADCRUMBS */
.navigation-share .container {
  display: flex;
  align-items: center;
}
	.site-main .breadcrumb {
		margin: 0;
		width: 100%;
		color: var(--dark);
	}
		.site-main .breadcrumb::before {
	  	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);/* var(--secondary) */
		}
		.rte-content ol.breadcrumb-list {
			gap: 10px 0;
			padding: 6px 0;
			font-size: .875em;
		}
			.rte-content .breadcrumb-list .breadcrumb-item {
				display: flex;
				align-items: baseline;
				font-size: 1em;
				line-height: 1.714;
			}
				.breadcrumb .link {
			    color: var(--dark);
					text-decoration: underline;
				}
				.breadcrumb .link:is(:focus-visible,:focus,:hover,:active) {
			    color: var(--dark);
					text-decoration: none;
				}
				.breadcrumb .first {
					background-image: none;
					text-decoration: none;
			    transition: .3s ease;
				}
				.breadcrumb .first:is(:focus-visible,:focus,:hover,:active) {
			    color: var(--dark);
			    text-decoration: none;
			    outline: auto;
				}
				.breadcrumb .separator {
					padding: 0 10px;
					font-size: .75rem;
				}


/* 17 = OUTILS ET PARTAGE */
.site-main .navigation-share {
	border-bottom: 1px solid var(--grey-border);
	padding: 18px 0;	
}
	.site-main .breadcrumb-list {

	}
		.site-tools-dropdown .btn-tools {
			display: flex;
			align-items: center;
			gap: 10px;
			border: 0;
			padding: 0;
		  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::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) :is(.tools-txt,.fa-share-nodes) {
				color: var(--dark);
			}
			.site-tools-dropdown .btn-tools .tools-txt {
				font-size: .875em;
			}

		.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(0px, 40px)!important;
		}
			.rte-content .site-tools-dropdown .dropdown-tools li::before {
				display: none;
			}
			.site-tools-dropdown .dropdown-tools .tools-share {
				color: var(--dark);
				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(--dark);
				color: #fff;
			}


/* 18 = FORMULAIRE */
.site-main .form-horizontal {
	margin: 0 auto;
	max-width: 770px;
}
	.input-group .form-control,
	.form-group .form-control {
		border-color: transparent/*var(--grey-border)*/;
		border-bottom: 2px solid var(--dark);
		background-color: var(--grey);
	}
	.input-group .form-control::placeholder {
		color: var(--mainpale);
	}
	.input-group .form-control:focus-visible {
		/*outline: 2px solid var(--dark);*/
	}
	.form-group input[type="file"] {
    background-color: var(--grey);
    border: 0;
    border-bottom: 2px solid var(--dark);
	}
	.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: 0 0 0 1px #fff, 0 0 0 3px var(--dark);
	}
.form-horizontal .submit,
.form-horizontal .previous,
.form-horizontal .next {
    display: inline-flex;
    align-items: center;
    border: 2px solid var(--dark);
    border-radius: 25px;
    margin-top: 60px;
    padding: 20px;
    height: 50px;
    background-color: var(--dark);
    color: #fff;
    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),
button.submit:not(:disabled):not(.disabled):active, 
button.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-color: var(--dark);
    background-color: #fff;
    color: var(--dark);
}
	.form-horizontal .form-title {
		margin-bottom: 1em;
	}
	.form-horizontal div + .form-title {
		margin-top: 2em;
	}
		.form-horizontal .btn-default {
			/*border: none;
	    border-radius: 25px;
	    margin: 70px auto 0;
	    padding: 0 30px;
	    height: 50px;
	    background-color: var(--dark);
	    color: #fff;
	    font-size: 1em;
	    text-decoration: none;
	    text-transform: none;
	    transition: .3s ease;*/
		}
		.form-horizontal .btn-default:is(:focus-visible,:focus,:hover,:active) {
	    /*box-shadow: none;
	    background-color: var(--dark);
	    color: var(--dark);*/
		}
		.form-horizontal .input-group-addon {
			/*background-color: var(--dark);*/
			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-default {
			/*display: flex;
	    align-items: center;
	    justify-content: center;
	    border-radius: 20px;
	    border-color: var(--dark);
	    margin: 0 auto 30px;
	    padding: 0 15px;
	    height: 40px;
	    width: max-content;
	    background-color: var(--dark);
	    color: var(--dark);
	    font-size: .875em;
	    text-transform: uppercase;
	    transition: all .3s;*/
		}
		.frame-type-artifica_form_pi1 .btn-default:is(:focus-visible,:focus,:hover,:active) {
			/*background-color: var(--dark);
			color: #fff;*/
		}
		.frame-type-artifica_form_pi1 .btn-primary {
			border: none;
			background-color: var(--dark);
			color: #fff;
		}
		.frame-type-artifica_form_pi1 .btn-primary:is(:focus-visible,:focus,:hover,:active) {
			/*background-color: var(--dark);*/
			color: var(--dark);
		}
		form .recap + .text-center .btn-primary {
			border: 2px solid var(--main);
    	text-transform: none;
		}
		form .recap + .text-center .btn-primary:is(:focus-visible,:focus,:hover,:active) {
			background-color: #fff;
			color: var(--main);
		}

/* Captcha */
#form-fieldset-captcha {
	margin-bottom: 20px;
	padding: 20px;
	background-color: var(--grey);	
}
#captcha_phrase {
	display: block;
}
.captcha .serie {
  margin-top: 30px;
}
	.list-inline > li:not(:last-child) {
		margin-right: 10px;
	}
		.captcha .serie .control-label {
			border: 2px dashed #d2d2d2;
			border-radius: 0;
	    width: 50px;
	    color: #1b3a66;
	    font-size: 1.125rem;
	    line-height: 50px;
		}
		.captcha .serie input:checked ~ label,
		.captcha .serie input:focus-visible ~ label {
			border: 2px solid var(--dark);
		}
.text-center .submit {
	margin: 0 auto;
}
/* Accessibilité */
.form-horizontal .obligatoires {
	color: var(--red);
}
.form-group .control-label > span {
    margin-left: 3px;
	color: var(--red);
    font-size: .875em;
}
.form-group .control-label > span.help-block {
	color: var(--mainpale);
	font-style: normal;
}
/* Erreurs */
.form-group .help-block {
	font-style: normal;
}
.form-group.has-error {
    padding-left: 8px;
    border-left: 5px solid var(--red);
}
	.has-error .form-control {
		border-bottom-color: var(--red);
		/*color: var(--red);*/
	}
.has-error .error::before {
	margin-right: 5px;
	content: '\e92e';
	font-size: 1.125em;
	font-style: normal;
	font-weight: 900;
}
.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(--dark);
  background-color: #fff;
  color: var(--main);
  box-shadow: none;
}
form .recap + .text-center .btn-default:is(:focus-visible,:focus,:hover,:active) {
  border-color: var(--dark);
  background-color: var(--dark);
  color: #fff;
}
form .btn-default,
form .recap + .text-center .btn {
  min-height: inherit;
  height: 44px;
  font-size: 1em;
}


/* 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-visible,:focus,:hover,:active),
	.pagination span.btn.btn-default.btn-grey.navDots:is(:focus-visible,:focus,:hover,:active) {
		border: none;
		background-color: var(--dark);
		color: #fff;
		outline: 2px solid #000;
	}
	.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(--dark);
	}
	.pagination .btn-group .current {
		background-color: var(--dark);
		color: #fff;
		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%;
	}

/* 20 = DIAPORAMA & GABARITS DE FICHIERS */
/* Téléchargement de fichiers */
.rte-content .files-list-default .files-list-default-body {

}
	.rte-content .files-list-default .files-list-default-body .frame-header,
	.rte-content .col-right .files-list-default .files-list-default-body .frame-header :is(h1,h2,h3,h4,h5) {
		margin-bottom: 10px;
	}
		.rte-content .files-list-default .files-list-default-body .frame-header :is(h1,h2,h3,h4,h5) {
	    margin: 0;
	    font-size: 2em;
		}
	.files-list-default .list-unstyled {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
	}
		.rte-content .files-list-default a,
		.rte-content .media-list-default a {
			display: flex;
			align-items: center;
			gap: 15px;
			border: 1px solid var(--grey-border);
			padding: 20px;
	    color: var(--dark);
	    text-decoration: none;
	    transition: .3s ease;
		}
		.files-list-default li:first-child a,
		.media-list-default li:first-child a {

		}
		.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;
				width: 100%;
			}
				.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-line,
			    	.media-list-default .fa-arrow-down-to-line {
			    		display: flex;
			    		align-items: center;
			    		justify-content: center;
			    		border-radius: 50%;
			    		height: 40px;
			    		min-width: 40px;
			    		background-color: var(--dark);
			    		color: #fff;
		        	font-size: 20px;
		        	transition: all .3s;
			    	}
			    	.files-list-default .media:is(:focus-visible,:focus,:hover,:active) .fa-arrow-down-to-line,
			    	.media-list-default .media:is(:focus-visible,:focus,:hover,:active) .fa-arrow-down-to-line {
			    		border-color: #fff;
			    		background-color: #fff;
			    		color: var(--dark);
			    	}
			    .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 {
			    		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(--dark);
						text-decoration: underline;
				    text-decoration-color: var(--dark);
				    text-decoration-thickness: 2px;
					}

/* Ressources - diaporama */
.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: #fff;
    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);
}

/* Galerie */
.gallery-list {
  gap: 30px 0;
}
	.gallery-list li {
		margin-bottom: 0;
	}


/* 21 = MODALES */
#modalSendTo {
	z-index: 5001;/* Passer au-dessus du flash info */
}
#modalShareAgenda .modal-footer .btn-primary {
	text-decoration: none;
}
.modal-header .close {
	background-color: transparent;
	color: var(--dark);
}


/* 25 = LEAFLET */
/* Page */
.site-main .annuaire-page {                /* Si même styles que fiche annuaire, remplacer .annuaire-page par .bloc-directory ! */
	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 {
		margin: 0;
		height: unset;
		width: 100%;
		overflow: hidden;
	}
		.annuaire-page .embed-responsive .link-external {
	    position: absolute;
	    bottom: 10px;
	    right: 10px;
	    z-index: 1000;
	    border: 2px solid var(--white);
	    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);
	    transition: all .3s;
		}
		.annuaire-page .embed-responsive .link-external:is(:focus-visible,:focus,:hover,:active) {
	    border-color: var(--dark);
	    color: var(--dark);
		}
			.annuaire-page .embed-responsive .link-external::after {
    		font-size: .857142em;
			}
	.annuaire-page .textmedia {
		gap: 15px;
		padding: 20px;
		width: 100%;
	}
	.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;
			/*font-size: .875em;*/
		}
		.annuaire-page .organizer-item,
		.rte-content .annuaire-page p {
			margin-bottom: 15px;	
			/*color: var(--grey-text);*/
		}
		.annuaire-page .item-schedule .text {
			color: var(--grey-text);
		}
		.annuaire-page .organizer-phone + .organizer-email {
			margin-top: -15px;
		}
			.annuaire-page .organizer-item .link {
				display: flex;
				text-decoration: none;
			}
			.annuaire-page .organizer-item .link:is(:focus-visible,:focus,:hover,:active) {
				color: var(--dark);
				text-decoration: underline;
				text-decoration-color: var(--dark);
				text-decoration-thickness: 2px;
			}
				.annuaire-page .organizer-item .fa-regular {
					position: relative;
					top: 2px;
					min-width: 30px;
					color: var(--dark);
					font-size: 20px;
				}
		.annuaire-page .organizer-item {
			display: flex;
			gap: 20px;
		}
			.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(--dark);
					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);
			}
	/*.leaflet-marker-icon::before {
		color: var(--dark);
		font-size: 44px;
	}*/
	.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 {
		padding: 10px;
	}
		.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-only .textmedia-text {
	    display: flex;
	    flex-direction: column;
	    /*align-items: center;*/
	    gap: 5px;
		}
		.rte-content .annuaire-page .organizer-item-title {
			margin-bottom: 0;
			color: var(--dark);
			font-size: 1.125em;
			line-height: 1.5;
    	text-transform: inherit;
		}
		.rte-content .annuaire-page p {
			margin-bottom: 0;
			font-size: 1em;
		}
		.rte-content .annuaire-page .function {
			color: var(--dark);
		}
		.rte-content .annuaire-page .post {
			color: var(--grey-text);
		}


/* 26 = MENUS */
/* Menu de section */
	.site-main .menu-section:not(.list-unstyled) {
		padding-left: 30px;
	}
		.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:is(:focus-visible,:focus,:hover,:active) {
			padding-left: 45px;
		}
			.rte-content .frame-siblings .siblings-item::before {
				position: absolute;
				left: 0;
				top: 22px;
				content: '';
				transition: width .3s;
			}
			.rte-content .frame-siblings .siblings-item:is(:focus-visible,:focus,:hover,:active)::before {
				width: 30px;
			}
			/*.rte-content .siblings-item::before {
				position: relative;
				left: 0;
				top: 4px;
				content: '\f054';
				height: auto;
				width: auto;
				background-color: transparent;
    			color: var(--link);
				font-size: 14px;
			}*/
			.rte-content .siblings-link {
				position: relative;
				color: var(--dark);
				line-height: 1.688;
				text-decoration: none;
				transition: .3s ease;
			}			
			.rte-content .siblings-link:is(:focus-visible,:focus,:hover,:active) {
				text-decoration: none;
			}

/* 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(--dark);
}
.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-top: 20px;
	font-size: 18px;
	font-weight: normal;
}
.modal-cookie-consent-footer button {
  background-color: var(--dark);
  color: #fff;
  font-weight: normal;
}
.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(--dark);
  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 {
		position: static;
		display: block;
	}
	.flash-info .container {
		position: relative;
		display: flex;
    gap: 20px;
		padding: 0 ;
	}
		.flash-info .carousel {
			width: 100%;
		}
			.flash-info .col-10 {
				padding: 0 15px;
			}
				.flash-info .carousel-item {
					/*padding: 0 20px;*/
					text-align: left;
				}
					.flash-info .link {
						margin-left: 0;
					}
	/* Site-header */
	.site-header .container {
		padding: 0 15px;
	}
		/* LOGO */
		.site-header .logo {
			/*margin: 0;*/
		}
		/* RECHERCHE : icône + dropdown-menu */
		.header-search .dropdown-menu {

			/*left: 10px!important;
			right: auto!important;
			top: 15px!important;
			z-index: 1000;
			align-items: center;
			border: 0;
			border-radius: 30px;
			height: 50px;
			padding: 0 20px;
			width: calc(100% - 70px);
			background-color: var(--grey);
			transform: none!important;
			box-shadow: none;

			left: auto!important;
			right: calc((100% - 540px) / 2)!important;
	    width: 300px;
	    max-width: 300px;*/

		}
		/* Actualités */
		.section-home-news .home-news-body {
    	hyphens: none;
		}

/* 06 = ACCUEIL */
	/* Style récurent sur les blocs d'accueil */
	.section-home .section-home-title::after {
		/*margin-top: 20px;*/
	}
	/* En un clic */
	.mosaic-quick-access .article-quick-access {
		width: 96px;
		max-width: 96px;
	}
		.mosaic-quick-access .article-quick-access:nth-child(4)::before {
			display: block;
		}

/* 07 = PAGE INTERNE */
	.rte-content .frame-bloc {
		--frame-spacing: var(--frame-spacing-sm);
	}
	.rte-content blockquote {
	  margin: 30px 120px 30px 120px;
	}

/* 08 = AGENDA */
	/* Liste */
	.site-main .btn.previous {
		/*font-size: 1.125em;*/
	}
	/* Filtre */
	.calendar .btn-thosedates {
		/*padding: 0 15px;
		height: 40px;
		font-size: .875em;*/
	}

/* 10 = ANNUAIRE */
	/* liste */
	.directories-list .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);
	}*/

}


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

/* 04 = HEADER */
	/* Flash Info */
	.flash-info .title {
		font-size: 1.25em;
	}
	.flash-info .abstract {
    font-size: 1.125em;
	}
	/* RECHERCHE : icône + dropdown-menu */
	.header-search .dropdown-menu {
		/*right: calc((100% - 720px) / 2)!important;*/
	}
	/* Page header */
	.page-header .lead {
		font-size: 1.5em;
	}

/* 06 = ACCUEIL */
	/* Image bandeau HOME */
	.page-header-home .header-picture .picture {
		height: auto;
		aspect-ratio: 144 / 50;
	}

	/* Style récurent sur les blocs d'accueil */
	.site-main .section-home .section-home-title {
		letter-spacing: .15em;
	}

	/* Agenda */

	/* Liste de liens */
	.home-links-item .home-links-link {
		font-size: 1.25em;
	}
		.home-links-item .home-links-link::before {
			font-size: 2.4em;
		}
		.home-links-item .home-links-link-193::before {
			font-size: 2em;
		}
	/* Actualités */
	/*.section-home-news .home-news-first-item .picture,
	.section-home-zoom .picture {
		border-radius: 50px 100px 0;
    margin: 40px 0 0 40px;
    padding: 0;
	}
		.section-home-news .home-news-first-item .picture::before {
			border-radius: 50px 100px 0;
			width: 550px;
      height: 350px;
			aspect-ratio: 550 / 350;
		}
		.section-home-news .home-news-first-item .picture::after {
			bottom: 0;
    	height: 68px;
		}
		.news-list .home-news-first-item .object-fit {
			border-radius: 50px 100px 0;
		}
	.home-news-list .home-news-item:not(.home-news-first-item) .item {
		flex-direction: column-reverse;
	}
		.home-news-item:not(.home-news-first-item) .picture, 
		.home-news-item:not(.home-news-first-item) .home-news-body {
			max-width: 100%;
		}
		.news-list .home-news-body {
			padding: 0 20px 20px;
		}
			.home-news-item:not(.home-news-first-item) .picture {
				border-radius: 30px 80px 0;
				aspect-ratio: 37 / 25;
			}*/
	/* En images */
	.section-gallery .gallery-list {
		flex-direction: row;
	}
	/*.home .gallery-list {
		align-items: flex-start;
		flex-direction: row;
		gap: 50px;
    margin: 0 auto;
		max-width: 1050px;
	}
		.home .gallery-list .gallery-item {
			padding: 0;
			max-width: calc(50% - 25px);
		}
		.home .gallery-list .gallery-item:nth-child(1) {
			margin-top: 50px;
		}
			.section-gallery .gallery-item .picture {
				max-width: 500px;
				aspect-ratio: 50 / 34;
			}
				.section-gallery .gallery-item .picture::before {
					left: -50px;
    			top: 50px;
    			height: 68px;
				}
				.gallery-item:nth-child(2) .picture::before {
					left: auto;
					right: -50px;
					top: 160px;
				}*/

/* 07 = PAGE INTERNE */
	.rte-content .frame-bloc {
		--frame-spacing: var(--frame-spacing-md);
	}

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

/* 12 = MÉDIATHÈQUE */
	.gallery .gallery-list,
	.section-gallery .gallery-list {
    flex-direction: row;
    gap: 30px 0;
	}
		.gallery-item.col-md-6 {
			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;
			}

/* 12 = MEDIATHEQUE */
	/* Liste */
	.totalresults .text {
		padding-right: 50px;
	}
	.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 */

/* 20 = DIAPORAMA & GABARITS DE FICHIERS */
	.rte-content .files-list-default li, 
	.rte-content .media-list-default li {
		width: calc(50% - 10px);
	}

/* 25 = LEAFLET */
	/* Page */
	.annuaire-page .loading {
		width: 50%;
	}
	.annuaire-page .textmedia {
		padding: 30px;
		width: 50%;
	}
	.annuaire-page .textmedia-only {
		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-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;
		/*max-width: 1920px;*/
    overflow: hidden;
  }

/* 04 = HEADER */
	/* Flash Info */
	.flash-info {
    margin: 0 auto;
		padding: 25px 0;
		/*max-width: 1920px;*/
	}
		.flash-info .flashinfo-icon {
			left: 17px;
		}
	/* Site-header */
	#wrap .site-header {
    margin: 0 auto;
		/*max-width: 1920px;*/
	}
		/* LOGO */
		.site-header .logo {}
			.navbar-mainnavigation.navbar-default-transition .logo .navbar-brand {
        height: 80px;
        width: 62px;
			}
	.site-header .container {
		
	}
		.site-header .second-navigation {
			margin: 0 20px 0 auto;
		}
		/* RECHERCHE : icône + dropdown-menu */
		.site-header .header-search {
			align-items: center;
			justify-content: center;
			order: 2;
			margin-left: 0;
		}
			.header-search .btn-recherche {
				border-radius: 25px;
				height: 50px;
				min-width: 50px;
			}
			.header-search .btn-recherche:is(:focus-visible,:focus,:hover,:active) {
		    background-color: var(--dark);
		    color: var(--white);
			}
		.header-search .dropdown-menu {
	    /*position: static!important;
			z-index: 1000;
	    display: flex;
			align-items: center;
	    order: inherit;
			border: 0;
			border-radius: 30px;
			height: 50px;
			padding: 0 20px;
	    width: 210px;
			background-color: var(--grey);
			transform: none!important;
			box-shadow: none;*/
		}
			.search-form .search-form-body {
		    padding: 0;
		    width: 100%;
			}
			.header-search .dropdown-menu .close {
				/*display: none;*/
			}
		.site-header .header-right {
      align-items: center;
      margin: 0;
		}
		/* billetterie */
		.header-right .btn-ticket-perforated {
			gap: 10px;
			order: 3;
			height: 50px;
			width: fit-content;
			max-width: fit-content;
			padding: 5px 60px 5px 10px;
			text-indent: 0;
			transition: all .3s;
		}
		.header-right .btn-ticket-perforated:is(:focus-visible,:focus,:hover,:active) {
			background-color: var(--white);
			color: var(--dark);
		}
			.header-right .btn-ticket-perforated::before {
    		position: static;
    		font-size: 1.25rem;
        transform: rotate(-45deg);
			}
		/* MENU BOOTSTRAP + 3ème NIVEAUX */
		.site-header .header-menu {
			width: 100%;
		}
			.site-header .offcanvas {
				position: static;
        border: 0;
				min-height: auto;
				width: 100%;
        box-shadow: none;
        transform: none;
        visibility: visible;
			}
				.offcanvas .scroll-wrapper {
					/*background-color: #fff;*/
					overflow: visible;
				}
				.offcanvas .dropdown-level-2 > .scroll-wrapper {
					/*border-top: 2px solid var(--dark);
					background: var(--main);*/				
				}					
				.offcanvas > .scroll-wrapper {
					width: 100%;
				}
					.offcanvas .main-navigation-close {
						display: none;
					}
					.header-menu .navigation {
						display: flex;
						flex-direction: row;
						gap: 30px;
					}
						.header-menu .navigation .level-1-item {
							position: relative;/* Pour le sous-menu ! */
							padding: 0;
							font-weight: 400;
						}
						.offcanvas .level-1-item > .item-link {
							border-bottom: 4px solid transparent;
							border-left: 0;
							padding: 20px 0 16px;
							color: var(--dark);
							font-size: 1em;
							font-weight: 400;
        			white-space: nowrap;
							transition: text-decoration .3s;
						}
						.offcanvas .level-1-item:first-child > .item-link {
							border-top: 0;
						}
						.offcanvas .level-1-item > .item-link:is(:focus,:hover,:active),
						.offcanvas .level-1-item.show > .item-link,
						.offcanvas .active .link-level-1,
						.offcanvas .current .link-level-1 {
							border-bottom-color: var(--dark);
							background-color: transparent;
							color: var(--dark);
						}
							/*.offcanvas .level-1-item > .item-link::before {
								position: absolute;
								left: -40px;
								top: 10px;
								content: '';
								height: 6px;
								width: 20px;
								background: url(../Img/theatrelouisaragon_sprite.svg#bars-menu) no-repeat center center / cover;
							}
							.offcanvas .level-1-item:first-child > .item-link::before {
								display: none;
							}*/
							.offcanvas .item-link .fa-chevron-right {
								display: none;
							}
						/* Niveau 2 */
						.site-header .offcanvas .dropdown-menu {
							left: 50%!important;
							top: 82px!important;
							display: none;
							width: auto;
							transform: translateX(-50%) !important;
						}
						.site-header .offcanvas .level-1-item:first-child .dropdown-menu {
							/*left: 100%!important;*/
						}
							.offcanvas .level-1-item:first-child .level-2::before {
								/*left: 30%;*/
							}
							.offcanvas .level-1-item:first-child .level-2::after {
        				/*left: 23%;*/
							}
						.site-header .offcanvas .level-1-item:last-child .dropdown-menu {
    					/*left: 25% !important;*/
						}
						.site-header .offcanvas .show + .dropdown-menu {
							display: block;
						}
							.offcanvas .level-2 {
								gap: 0;
						    position: relative;
				        flex-direction: column;
				        padding: 20px;
				        width: fit-content;
				        min-width: 400px;
				        max-width: inherit;
				        background-color: #f5f5f5;
							}
								.level-2 .level-2-item {
									position: relative;
    							z-index: 1;
									/*max-width: 335px;
									width: calc(50% - 30px);*/
								}
									.offcanvas .link-level-2 {
										position: relative;
										border-bottom: 1px solid #d9d9d9;
										padding: 10px 0;
										overflow: hidden;
									}
									.offcanvas .item-link, .navbar-mainnavigation.navbar-default .dropdown-menu a:not(.active), .navbar-mainnavigation.navbar-default-transition .dropdown-menu a:not(.active), .navbar-mainnavigation.navbar-default-transition.navbar-transition .dropdown-menu a:not(.active) {
										border: 0;
										border-radius: 0;
						        height: auto;
										padding: 12px 20px;
										background-color: transparent;
						        font-size: 1em;
									}
									.offcanvas .item-link:is(:focus,:hover,:active), .offcanvas .active > .item-link, .offcanvas .current > .item-link, .navbar-mainnavigation.navbar-default-transition .dropdown-menu .link-level-2:not(.active):is(:focus,:hover,:active), .navbar-mainnavigation.navbar-default-transition .dropdown-menu a:not(.active,.return-level-prev):is(:focus,:hover,:active) {
										background-color: transparent;
									}


									.offcanvas .link-level-2:is(:focus, :hover, :active),
									.navbar-mainnavigation.navbar-default-transition .dropdown-menu .link-level-2:not(.active):is(:focus, :hover, :active) {
										text-decoration: underline;
										/*border-bottom: 1px solid var(--dark);
										padding-left: 44px;*/
									}
										/*.offcanvas .link-level-2::before {
											position: absolute;
											left: -27px;
											content: '\f054';
											font-size: 14px;											
											transition: left .3s;
										}*/
										/*.offcanvas .link-level-2:is(:focus, :hover, :active)::before {											
											left: 17px;
										}*/
								/* 3ème niveau non visible */								
								.site-header .offcanvas .show .dropdown-level-3 {
									display: none;
								}
		/* Réseaux sociaux */
		.site-header .network-flex,
		.site-header .link-flex {
			display: flex;
		}
			.network-flex .header-link {
		    display: flex;
		    align-items: center;
		    gap: 10px;
			}
				.network-flex .header-link .network {
					margin: 0;
				}
					.header-link .link {
						border: 0;
		        border-radius: 20px;
		        height: 30px;
		        width: 30px;
						background-color: #fff;
		        color: var(--dark);
		        font-size: 1.125em;
		        text-decoration: none;
		        transition: all .3s;
					}
					.header-link .link:is(:focus, :hover, :active) {
						background-color: var(--dark);
		        color: #fff;
					}
		/* 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;
					outline: none;
				}
				.site-header .link-flex .minisite-link::after {
					font-size: .625em;
				}

	/* Page-header */
	.page-header .page-header-title {
		margin-bottom: 60px;
	}
		.page-header-title .container {
	    display: flex;
	    gap: 30px;
		}
	.page-header .page-illustration {
    width: calc(50% - 15px);
    min-width: calc(50% - 15px);
	}

/* 05 = FOOTER */
	.site-footer {
		margin: 0 auto;
		/*max-width: 1920px;*/
	}
		.footer-top .logo-footer-link {
			margin-bottom: 0;
			text-align: left;
		}
		.site-footer .col-lg-6 .frame-type-text .frame-inner {
			text-align: left;
		}
			.site-footer .frame-type-text .frame-inner p {
				display: flex;
				gap: 10px;
			}
				.site-footer .frame-type-text .frame-inner p::before {
			    min-width: 16px;
			    font-size: 16px;
			    text-align: center;
				}
			.site-footer .footer-btn {
	    	flex-direction: row;
	    	margin-bottom: 0;
			}
				.site-footer .footer-btn p {
					margin-bottom: 0;
				}
				.site-footer .footer-btn p + a + p {
					margin-left: 10px;
				}
					.site-footer .link-phone, 
					.site-footer .link-page, 
					.site-footer .link-btn {
						margin-bottom: 0;
					}
		.footer-connected .connected-title {
			margin-top: 0;
		}

/* 06 = ACCUEIL */
	.home .page-header-home .picture {
		height: calc(100vh - 100px);
	}
	/* Style récurent sur les blocs d'accueil */
	.home .section-home {
		/*padding: 30px 15px 60px;*/
	}
		.site-main .section-home .section-home-title {
			gap: 10px;
			font-size: 3em;
			line-height: 1.25;
		}
			.site-main .section-home .section-home-title span:not(.home-title-text) {
				font-size: 1.25em;
				line-height: 1;
			}
	/* Agenda */	
	.events-list .picture {
		/*aspect-ratio: 27 / 18;*/
	}
	/* Actualités */
	/*.home-news-first-item .item,
	.section-home-zoom .home-zoom-item {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
	}
		.section-home-news .home-news-first-item .picture-overflow {
			min-width: 60%;
		}
			.section-home-news .home-news-first-item .picture {
				aspect-ratio: 660 / 445;
			}
			.section-home-news .home-news-first-item .home-news-body {
				padding: 40px 50px;
			}
				.home-news-first-item .home-news-body .news-title {
					font-size: 2.5em;
					line-height: 1.25em;
				}
				.home-news-first-item .home-news-body .news-abstract {
					font-size: 1.25em;
					line-height: 1.5;
				}
				.home-news-body .news-abstract {
					color: var(--grey-text);
					line-height: 1.5;
				}
		.rte-content .home-news-body .news-title {
			font-size: 1.5em;
			line-height: 1.333;
		}
		.rte-content .home-news-first-item .home-news-body .news-title {
			font-size: 2.5em;
			line-height: 1.25;
		}*/
	/* Zoom sur */
	/*.site-main .section-home-zoom {
		padding: 60px 0 80px;
	}
		.section-home-zoom .home-zoom-item {
			justify-content: center;
		}
			.home-zoom-item .picture-overflow {
				max-width: 500px;
			}
				.section-home-zoom .picture {					
					aspect-ratio: 45 / 30;
				}
					.section-home-zoom .picture::before {
			      border-radius: 30px 80px;
			      height: auto;
			      aspect-ratio: 42 / 25;
					}
					.section-home-zoom .picture::after {
						height: 46px;
					}
					.home-zoom-list .home-zoom-item .object-fit {
						border-radius: 30px 80px 0;
						aspect-ratio: 45 / 30;
					}
			.home-zoom-item .home-zoom-body {
				padding: 20px 0;
				min-width: calc(50% - 15px);
			}
				.home-zoom-body .home-zoom-btn {
					margin-left: 0;
				}*/
	/* En images */
	.rte-content .gallery-item .gallery-title {
    /*font-size: 1.5em;
    line-height: 1.333;*/
  }

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

	}
		.page-header .container-header {
			flex-direction: row;
    	gap: 30px;
    	justify-content: space-between;
		}
			.page-header.no-image .page-header-text {
				/*width: auto;*/
			}
			.page-header .page-header-text {
		    display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 40px 0;
			}

	.site-main .page-body {

	}
	.site-main .navigation-share + .page-body {
		margin-top: 0;
	}
		.rte-content .page-title {
			font-size: 3.75em;
		}
		/* RTE */
		.rte-content h2, 
		.rte-content .h2,
		.form-horizontal .form-title {
			font-size: 2.5em;
		}
		.rte-content h3,
		.rte-content .h3 {
			font-size: 2em;
		}
		.rte-content h4,
		.rte-content .h4 {
			font-size: 1.25em;
		}
		.rte-content h5,
		.rte-content .h5 {
			font-size: 1.125em;
		}
		.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 {
		padding: 60px 0;
	}
	/* 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;
	}
	.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-yellow) .frame-inner :is(h1,h2,h3,h4,h5) {
		/*font-size: 1.5em;*/
	}

/* 08 = ACTUALITÉS */
	/* Liste */
	.news-list .card-group-element {
		margin-bottom: 90px;
	}

/* 09 = AGENDA */
    /* 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;*/
  	}
	   /* Fiche */

/* 10 = ANNUAIRE */
	/* Liste */
	.menu-subpages .list-item-directories .link {
		/*padding: 30px;*/
	}
	/* 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(50% - 15px);
		}
		.elected-list .list-item-directories-frame:first-child .list-item-directories {
			width: 50%;
		}	
	.elected-list .list-item-directories.mayor {
		width: 50%;
	}
	/* Single */
	/*.directories-single-text .directories-single-item {
		padding: 20px 30px;
	}*/
	/* Single élu */
	.site-main .elected-single {
		flex-direction: row-reverse;
	}

/* 11 = RECHERCHE */
	.search-result .search-content {
		order: 1;
	}
	.search-result .search-filters {
		order: 2;
	}
		.col-droite .search-filters-list {
			flex-direction: column;
		}
			.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%;
	}

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

/* 20 = DIAPORAMA & GABARITS DE FICHIERS */
	.files-list-gallery .gallery-item {
		--gallery-columns: 3;
	}

/* 25 = LEAFLET */


/* 26 = MENUS */
	/* Menu de section */
	.backendlayout-page1colonne .site-main .menu-section:not(.list-unstyled) {
		columns: 2;
		column-gap: 50px;
	}

}


@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;
	}
	/*.no-image .page-header-title .page-title {
		padding-bottom: 100px;
	}*/
		/*.page-header-title .page-title::before {
		    height: 60px;
		    width: 55px;
		}
		.page-header-title .page-title .category {
			font-size: .3em;
		}	*/
	/* RECHERCHE : icône + dropdown-menu*/
	.site-header .header-right {

	}
		.header-search .dropdown-menu {
			
		}
		/* Niveau 2 */
		.site-header .offcanvas .dropdown-menu {
			
		}
		/* MENU BOOTSTRAP + 3ème NIVEAUX */
		.header-menu .navigation {
			gap: 60px;
		}
			.offcanvas .level-1-item > .item-link {
				font-size: 1.125em;
			}
				.offcanvas .level-1-item > .item-link::before {
					/*left: -28px;*/
				}
				.offcanvas .level-2 {
					/*min-width: 800px;
					max-width: 1200px;*/
				}

/* 06 = ACCUEIL */
	/* Image bandeau HOME */
	.page-header-home .header-picture .picture {
		max-width: 1920px;
		aspect-ratio: auto;
	}
	/* Agenda */
	.events-item .item {
		margin: 0;
		max-width: inherit;
	}
		.events-list .events-item:is(.cancelled, .deferred, .completed)::after {
	  	right: 30px;
		}

/* 07 = PAGE INTERNE */	
	.site-main .page-body {
		/*max-width: 1270px;*//* 1170px + (2*50px) */
	}
		.page-header .header-picture {
			margin: 0 auto;
			max-height: 600px;
			max-width: 1900px;
      overflow: hidden;			
		}
		.rte-content .frame-bloc {
			--frame-spacing: var(--frame-spacing-xl);
		}
		/* Liste de fichiers - Documents Légaux */
		.actes .filters .form-group:not(.submit) {
			width: 215px;
		}

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

/* 20 = DIAPORAMA & GABARITS DE FICHIERS */
	.files-list-gallery .gallery-item {
		--gallery-columns: 3;
	}

}


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

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

/* 04 = HEADER */
	/* 1er niveau */
	.site-header .offcanvas .level-1-item:first-child .dropdown-menu,
	.site-header .offcanvas .level-1-item:last-child .dropdown-menu {
		left: 50% !important;
	}
		.offcanvas .level-1-item:first-child .level-2::before {
			left: calc(50% - 13px);
		}
		.offcanvas .level-1-item:first-child .level-2::after {
			left: calc(50% - 40px);
		}
		/* 2ème niveau */
		.header-menu .dropdown-menu .menu-level2 {
			max-width: 1200px;
		}
	/* RECHERCHE : icône + dropdown-menu*/
	.header-search .dropdown-menu {
		/*max-width: 1200px;*/
	}

/* 07 = PAGE INTERNE */
	/* Page-header */
	.page-header .header-picture .picture {
		aspect-ratio: auto;
	}
	.page-header.no-image .container {
		max-width: 1200px;
	}
		.page-header .page-header-text {
			
		}
		.page-header.no-image .page-header-text {

		}

}