/* CSS du Conservatoire Odéon de 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: #E84E0F;/* orange */
	--secondary: #F4E7D4;/* beige */
	/*--third: #953C96;*//*  */

	--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: #F5F5F5;/* gris clair de fond */
		--grey-text: #666;

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

	--flash-info: var(--main);

	/* 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 */
/* Poppins Regular */
@font-face {
  font-family: 'Poppins Regular';
  src: url('../Fonts/poppins-regular.woff2') format('woff2');
  font-style: normal;
  font-weight: normal;
}
/* Poppins SemiBold */
@font-face {
  font-family: 'Poppins SemiBold';
  src: url('../Fonts/poppins-semibold.woff2') format('woff2');
  font-style: normal;
  font-weight: normal;
}
/* Poppins Bold */
@font-face {
  font-family: 'Poppins Bold';
  src: url('../Fonts/poppins-bold.woff2') format('woff2');
  font-style: normal;
  font-weight: normal;
}
body,
.site-main .section-home .section-home-title,
.rte-content h2,
.rte-content .h2,
.filters .label .label-help,
.filters .form-group.submit .btn-reset,
.rte-content .single-events .title-right,
.rte-content .single-events .h2,

.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,
.rte-content .search-filters .search-filters-title,
table thead th
/*
.site-main .section-quick-access .text-more,
.btn,
.kiosque-item :is(.link-view,.link-download),
.rte-content .bloc-directory .annuaire-page .organizer-item-title,
.rte-content .gallery-item .gallery-item-title,
.filters .label,
.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: 'Poppins Regular',sans-serif;
	font-weight: 400;
}
.site-footer strong,
.flash-info .title,
:is(.accordion-section,.accordion-filters) .accordion-item .accordion-header,
.rte-content .accordion .accordion-header .accordion-button,
.rte-content h3,
.rte-content .h3,
table:not(.ui-datepicker-calendar) thead th,
.gallery-figure .gallery-type,
.rte-content .page-body .start-point .item .title {
	font-family: 'Poppins SemiBold',sans-serif;
	font-weight: 400;
}
.blogs .title,
.home .carousel-home .title,
.home .carousel-home .link,
.rte-content .events-list .events-title,
.rte-content :is(.home-news-list,.news-list) .news-title,
.home-kiosque .kiosque-body .kiosque-title,
.kiosque-body .link,
.site-main .btn.previous,
.form-horizontal .submit,
.form-horizontal .text-center .btn-default,

.site-footer .link-page, 
.site-footer .link-btn,
.events-body .events-time,
.section-home .home-btn,
.rte-content .subtitle,
.site-footer .frame-type-text .element-header,
.site-footer .link-newsletter,
.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,
.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,
.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: 'Poppins 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 #c59 .frame-inner p::before,
.site-footer #c60 .frame-inner p::before,
.section-home .home-btn::after,
.home-links-item .home-links-link::before,
.rte-content .frame-siblings .siblings-item::before,
.carousel-home .carousel-control-prev-icon::before, 
.carousel-home .carousel-control-next-icon::before,
.section-home .home-btn::after,
.header-right .btn-teacher::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 {
  /* 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(--dark);
	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(--dark);
	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(--dark);
	border-radius: 26px;
	height: 52px;
  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),
.btn-primary:first-child:active:focus-visible,
.btn-primary:first-child: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(--white);
	color: var(--dark);
	/*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-primary:disabled,
.btn-primary.disabled {
  border-color: #E5E5E5;;
	background-color: #E5E5E5;;
	color: #929292;
}	
.btn-info {
  border-color: var(--grey);
	background-color: var(--grey);
	color: var(--dark);
}
.btn-info:is(:focus-visible,:focus,:hover,:active) {
  border-color: var(--dark);
	background-color: var(--dark);
	color: var(--white);
}
.btn-secondary:disabled,
.btn-secondary.disabled {
  border-color: var(--grey-border);
	background-color: var(--dark);
	color: #929292;
}
.btn-secondary:is(:focus-visible,:focus,:hover,:active),
:not(.btn-check)+.btn-secondary:active {
  border-color: var(--dark);
	background-color: var(--dark);
	color: var(--white);
	box-shadow: none;
    outline: none;
}
.btn-plus {
	position: relative;
	gap: 10px;
	border: 0;
	border-radius: 0;
	height: auto;
	padding: 0;
	background-color: transparent;
	color: var(--dark);
	font-size: 1em;	
	text-decoration: underline;
	transition: .3s ease;
}
.btn-plus:is(:focus-visible,:focus,:hover,:active),
.btn-plus.btn:first-child:active {
	border: 0;
	border-color: transparent;
	background-color: transparent;
	color: var(--dark);
	text-decoration: none;
	box-shadow: none;
}
	.btn-plus::after {
		position: absolute;
		right: -20px;
		top: 2px;
		content: '\e921';
		border-color: var(--dark);
		font-size: .875rem;		
		font-weight: 400;
		transform: rotate(180deg);
		transition: all .3s ease;
	}
	.btn-plus:is(:focus-visible,:focus,:hover,:active)::after {
		top: 10px;
		color: var(--dark);
	}
.category {
	position: relative;
  padding: 0 0 0 20px;
  color: var(--dark);
  font-size: .875em;
  line-height: 1;
  text-transform: uppercase;
}
	.category::before {
		position: absolute;
		left: 0;
		top: 50%;
		content: '';
		height: 1px;
		width: 15px;
		background-color: var(--main);
	}
/* 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: 50px 15px;
		background-color: #fff;
	}
		.site-main .page-body > .frame:first-child {
			padding-top: 0;
		}
		#c73,#c1762 {/* 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: 15px 30px;
		background-color: var(--flash-info);
		/*background: rgb(255,209,184);
		background: linear-gradient(90deg, var(--flash-info) 0%, var(--flash-info) 100%);*/
	}
		.flash-info .container {
			padding: 0;
		}
			.flash-info .flashinfo-icon {
				display: none;
				position: absolute;
				left: 0;
				top: 0;
				font-size: 2rem;	
			}
			.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);
							}
							.flash-info .abstract {
								font-size: .875em;
								line-height: 1.42857;
							}
								.flash-info .carousel-item .link {
									display: inline;
									margin-left: 3px;
									text-decoration: underline;
									transition: gap .3s;
								}
								.flash-info .link:is(:focus-visible,:focus,:hover,:active) {
									gap: 10px;
									text-decoration: none;
									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 .btn-close {
			position: absolute;
	    right: 0;
	    top: 0;
			display: flex;
			align-items: center;
			justify-content: center;
			border: 0;
	    height: 50px;
			margin-bottom: auto;
			padding: 0;
	    width: 50px;
			background: unset;
			color: var(--dark);
			font-size: 18px;
			opacity: 1;
			transition: .3s ease;
		}
		.flash-info .btn-close:is(:focus-visible,:focus,:hover,:active) {
			box-shadow: unset;
			transform: scale(1.2);
		}

/* 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: 60px;
		    /*width: 154px;*//* pas besoin pour qu'il diminue en largeur sur mobile... */
			}
			.safari .navbar-mainnavigation.navbar-default-transition .logo .navbar-brand {
				width: 154px;
			}
		/* Blocs de droite */
		.site-header .header-right {
			display: flex;
			gap: 20px;
			order: 2;
			margin: 0 20px 0 auto;
		}

			/* 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-solid {
						font-size: 1.375rem;
					}
				.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 {								
								outline: 2px solid var(--dark);
								/*outline-offset: 14px;*/
							}
							.header-search .input::placeholder {
								color: var(--dark);
							}
						.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: 1.375rem;
							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: 1.5rem;
						cursor: pointer;
					}
		/* MENU BOOTSTRAP + 3ème NIVEAUX */
		/* Hamburger */
		/*.site-header .offcanvas {
			display: flex;
			align-items: center;
			flex-direction: row-reverse;
		}
			.header-menu {

			}*/
				.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;
/**/
line-height: 1;
background-color: transparent;
padding: 0;
height: 34px;
width: 34px;
position: relative;
border: 0;
align-self: center;
/**/
	    flex-direction: column;
	    gap: 5px;
	    order: 4;
			height: 40px;
	    min-width: 40px;
		}

@media screen and (max-width: 991px) {/* Correctif skip-links */
		.site-header .main-navigation-button {
			display: flex;
		}
}
		
		.site-header .main-navigation-button:focus {
			border: 1px solid var(--dark);
		}
		.site-header .main-navigation-button:focus-visible {
			box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
		}
			.site-header .main-navigation-button::before {
				content: '';
				height: 20px;
				width: 28px;
				background: url(../Img/lodeonconservatoire_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;
		}
			.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 .link-level-1 {
					    border: 0;
					    min-width: 100%;
					    background-color: 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: 70px;
					    padding: 20px 30px;		
					    color: var(--dark);
					    font-size: 1.125em;
					    /*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 .level-1-item .item-link:is(:focus,:hover,:active) {
							border-left-color: var(--link);
							background-color: var(--grey);
							color: var(--dark);
							/*outline: none;*/
						}
						.offcanvas .item-link:focus-visible {
							/*box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;*/
						}
						.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 .return-level-prev .fa-arrow-right-regular {
								margin-right: 20px;
								color: var(--dark);
								transform: rotate(180deg);
							}
						.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: 71px!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;
				}
/* Bouton enseignants */
.header-right .btn-teacher {
	order: 1;
	height: 40px;
	margin: 0;
	padding: 0;
	min-width: 40px;
	font-size: .875em;
}
.header-right .btn-teacher:is(:focus-visible,:focus,:hover,:active) {
  border-color: var(--dark);
  background-color: var(--dark);
  color: var(--white);
}
	.header-right .btn-teacher::before {
		content: '\e98d';
		font-size: 1rem;
	}


/* 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: 50px;
	width: 50px;
  background-color: var(--dark);
  color: var(--white);
  transition: .3s ease;
}
.to-page-top:is(:focus-visible,:focus,:hover,:active) {
  background-color: var(--white);
  color: var(--dark);
}
	.to-page-top .fa-arrow-up {
		font-size: 1.25rem;
	}
.site-footer {
	border-top: 1px solid var(--grey-border);
}
.home .site-footer {
	border: 0;
}
	.site-footer .footer-top {
  	padding: 50px 15px;
	}
		.site-footer a,
		.site-footer a:is(:focus-visible,:focus,:hover,:active),
		.site-footer a:not([class]) {/* Styles communs */
	    text-decoration: none;
		}
			/* Logos */	
			.footer-top .logos {
		    display: flex;
		    align-items: flex-start;
		    gap: 30px;
		    justify-content: center;
		    margin-bottom: 30px;
			}
				.footer-top .logo-footer-link {

				}
				.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.125em;
				text-align: center;
			}
		.footer-address p {
			display: flex;
			align-items: baseline;
			gap: 10px;
			margin: 0 auto 10px;
			width: fit-content;
			font-size: .9375em;
			text-align: center;
		}
			.footer-address p::before {
				position: relative;
    		top: 2px;
				font-size: 1.0666em;
			}
			.footer-top .footer-btn {
		    display: flex;
		    align-items: center;
		    flex-direction: column;   
			}
				.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 {
					position: relative;
					display: block;
					margin: 0 auto 0;
					padding-left: 26px;
					font-size: .9375em;
					text-decoration: none;
					transition: all .3s;
				}
				.site-footer :is(.link-phone,.link-page):is(:focus-visible,:focus,:hover,:active) {
					color: var(--dark);
					text-decoration: underline;
				}
					.site-footer .link-phone::before,
					.site-footer .link-page::before {
						position: absolute;
						left: 0;
    				top: 3px;				
						content: '\e91f';
						color: var(--black);
						font-size: 1rem;
					}
					.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 .footer-schedule {
					margin-bottom: 25px;
					padding-top: 30px;
				}
					.site-footer .footer-schedule p {
						display: block;
						font-size: .8125em;
						margin-bottom: 5px;
					}
		/* 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: 20px;
			margin-bottom: 30px;
		}
			.site-footer .footer-title {
				font-size: 1.25em;
			}
			.site-footer .btn-newsletter {
				margin-bottom: 0;
			}
			/*#c128, #c129, #c159 {
				display: none;
			}*/
		/*.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) {

		}
		.site-footer .link-newsletter:is(:focus-visible,:focus,:hover) {

		}
		/* 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: center;
					border: 0;
					border-radius: 20px;
					height: 40px;
					width: 40px;
					max-width: 40px;
					color: var(--dark);
					font-size: 1.5rem;
   				white-space: nowrap;
					overflow: hidden;
					transition: all .3s;
				}				
				.footer-top .list-unstyled .link:is(:focus-visible,:focus,:hover,:active) {
			    background-color: var(--dark);
			    color: var(--white);
				}
					.footer-top .list-unstyled .link::before {/* Compatible iPhone */
				    display: flex;
				    justify-content: center;
				    min-width: 40px;
				    text-indent: 0;
					}
/* Blogs des professeurs */
.footer-blogs .blogs {
  margin: 0 auto;
  width: fit-content;
}
	.blogs .title {
		display: block;
		margin-bottom: 10px;
		font-size: .9375em;
	}
	.blogs .blogs-list {
		align-items: flex-start;
		flex-direction: column;
	}
		.blogs-list .list-item {
			margin-bottom: 0;
		}
			.blogs-list .blogs-link {
				font-size: .9375em;
			}
			.blogs-list .blogs-link:is(:focus-visible,:focus,:hover,:active) {
				text-decoration: underline;
			}
				.blogs-link .fa-arrow-up-right-from-square {
					margin-left: 3px;
				}

/* 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: 30px;
	}
		#c1764 {
			display: none;
		}
		/* Liens copyrights*/
		.footer-bottom .footer-links {
			width: 100%;
			text-align: center;
		}
			.footer-links .list-unstyled {
				display: flex;
				flex-wrap: wrap;
		    gap: 10px 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 */
/* CAROUSEL */
.home .carousel-home {
	z-index: 1;
	margin: 0 auto;
  width: 100%;
  max-width: 1920px;
}
	.carousel-control-prev, 
	.carousel-control-next {
		z-index: 3;
	}
	.carousel-home .carousel-control-prev,
	.carousel-home .carousel-control-next {
		justify-content: center;
	}
	.carousel-home .carousel-control-prev:focus-visible,
	.carousel-home .carousel-control-next:focus-visible {
		background-color: rgba(255,255,255,.5);
		outline: 2px solid var(--white);
	}
	.carousel-home .carousel-control-prev-icon, 
	.carousel-home .carousel-control-next-icon {
		display: flex;
		align-items: center;
		justify-content: center;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    background: rgba(255, 255, 255, .7);
	}
	.carousel-home .carousel-control-prev-icon::before, 
	.carousel-home .carousel-control-next-icon::before {
		color: var(--dark);
		font-size: 1rem;		
	}
	.carousel-home .carousel-control-prev-icon::before {
		content: '\e91e';
		transform: rotate(180deg);
	}
	.carousel-home .carousel-control-next-icon::before {
		content: '\e91e';
	}
	.home .carousel-home .carousel-controls {
		position: absolute;
		bottom: 50%;
		left: 0;
		right: 0;
		z-index: 15;
		display: flex;
		gap: 10px;
		justify-content: center;
	}
		.home .carousel-home .carousel-indicators {
			position: static;
	    /*bottom: auto;
			top: calc(50% - 18px);
	    z-index: 15;*/
	    display: flex;
	    align-items: center;
	    gap: 15px;
	    border-radius: 30px;
	    margin: 0/*0 auto 20px*/;
	    padding: 10px;
	    width: fit-content;
	    background: rgba(255, 255, 255, .7);
	    opacity: 1;
		}
			.home .carousel-home .carousel-indicators li {
			    border: 1px solid var(--grey-text);
			    border-radius: 50%;
			    height: 14px;
			    margin: 0;
			    width: 14px;
			    min-width: 14px;
			    background-color: transparent;
			    overflow: hidden;
			    opacity: 1;
			}
			.home .carousel-home .carousel-indicators .active {
					border-color: var(--main);
					background-color: var(--main)
			}
		.home .carousel-home .carousel-pause {
			/*position: absolute;
			bottom: 20px;
			right: 20px;
			z-index: 10;*/
			display: flex;/* Pour Safari iPhone */
	    justify-content: center;
	    align-items: center;
			border: 0;
			border-radius: 50%;
			height: 35px;
			width: 35px;
			background-color: rgba(255, 255, 255, .7);
			color: var(--dark);
			line-height: 1;
			opacity: 1;
			cursor: pointer;
		}
			.carousel-pause .fa-solid {
				font-size: 1em;
				color: var(--black);
			}
			.carousel-pause .fa-play,
			.carousel-pause.active .fa-pause {
				display: none;
			}
			.carousel-pause.active .fa-play {
				display: inline;
			}
	.home .carousel-home .carousel-inner {
		/*height: 400px;*/
	}
		.carousel-home .carousel-inner .carousel-item {
			position: static;/* le relatif se fait au-dessus : pbm avec l'alignement vertical sur desktop */
			height: 100%;
			padding: 0;
		}
			/*.carousel-home .carousel-inner .carousel-item::before {
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				top: 0;
				z-index: 1;
				content: '';
				background-color: rgba(0,0,0,.5);
			}*/
			.carousel-home .picture {
				display: block;
				height: 320px;
			}
		    .carousel-home  .img-fluid {
					height: 100%;
					width: 100%;
					max-width: inherit;
					max-height: inherit;
					object-fit: cover;
		    }
		  .carousel-home .text {
		    position: absolute;
		    bottom: 0;
		    left: 0;			    
		    z-index: 2;
		    padding-inline: 0;
		    text-align: left;
		  }
				.home .carousel-home .title {
			    padding: 5px 15px;
			    width: fit-content;
			    max-width: 700px;
			    background-color: var(--main);
			    color: #fff;
			    font-size: 1.5em;
			    line-height: 1.25;		
				}
				.home .carousel-home .description {
					padding: 10px 15px;
			    width: fit-content;
			    max-width: 570px;
					background-color: var(--dark);
					color: var(--white);
				}
				.home .carousel-home .link {
					display: inline-flex;
					align-items: center;
					gap: 10px;
					padding: 5px 15px;
					background-color: var(--white);
				}
					.home .carousel-home .fa-arrow-up {
						position: relative;
						transform: rotate(90deg);
						transition: margin-left .3s;
					}
					.home .carousel-home .link:is(:focus-visible,:focus,:hover,:active) .fa-arrow-up {
						margin-left: 11px;
					}

/* Style récurent sur les blocs d'accueil */
.home .section-home {
	padding: 50px 15px;
}	
	.site-main .section-home .section-home-title {		
		margin: 0;
		padding: 0 0 0 42px;
		font-size: 2.5em;
		line-height: 1.5;
		letter-spacing: 8px;
		word-break: break-word;
	}
		.site-main .section-home .section-home-title::before {
			height: 60px;
			width: 23px;
			background-size: 23px 60px;
		}

/* Accès rapides */
.home .section-quick-access {
	padding: 40px 15px;
}
.quick-access-inner .mosaic-quick-access {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 40px;
}
	.mosaic-quick-access .article-quick-access {
		position: relative;
		display: flex;
		align-items: center;
		flex-direction: column;
		gap: 20px;
    width: calc((100% - 80px) / 3);
    text-align: center;
	}
	.mosaic-quick-access .article-quick-access:nth-child(4),
	.mosaic-quick-access .article-quick-access:nth-child(5) {
		width: calc(50% - 20px);
	}
		.article-quick-access .icon-frame {
			display: block;
		}
			.icon-frame .icon {
				height: 40px;/* Safari iPhone */
			}
		.article-quick-access .link {
			font-size: 1.125em;
			text-decoration: none;
		}
			.article-quick-access .link::before {
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				top: 0;
				content: '';
			}
	.mosaic-quick-access .article-quick-access:nth-child(2)::before,
	.mosaic-quick-access .article-quick-access:nth-child(3)::before,
	.mosaic-quick-access .article-quick-access:nth-child(5)::before {
		position: absolute;
		left: -19px;
		top: calc(50% - 7px);
		content: '';
		height: 15px;
		width: 2px;
		background-color: var(--main);
	}
/* Actualités */
.home .section-news {
	background-color: var(--secondary);
}
/* 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-title::before {
		background-image: url("../Img/lodeonconservatoire_sprite.svg#barres-titre-2");
	}
	.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,.home-news-list,.news-list) .link,
				.gallery-list .home-events-link,
				.home-focus-item .home-focus-link {
					text-decoration: none;
				}
				:is(.events-list,.home-news-list,.gallery-list,.home-gallery-flex) .link::before {
					position: absolute;
					bottom: 0;
					left: 0;
					right: 0;
					top: 0;
					z-index: 1;
					content: '';
				}
				.events-list .link::before {
					bottom: 81px;
				}
					.events-list .picture-date,
					.home-news-list .picture {
						position: relative;
					}
						.events-list .picture-date::before,
						.home-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,
						.home-news-list .item:is(:focus-visible,:focus,:hover,:active) .picture::before {
							background-color: rgba(255,255,255,.4);
						}
						:is(.events-list,.home-news-list,.news-list) .picture {						
							display: block;
							aspect-ratio: 370 / 247;
							overflow: hidden;
						}
							.events-list .picture .object-fit {

							}
							.events-list .events-item:is(.cancelled, .deferred, .completed) .picture .object-fit {
								opacity: .5;
							}
						/* 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;
								}			
	.events-list .events-body,
	.home-news-list .home-news-body {
		z-index: 2;
		display: flex;
		flex-direction: column;
		gap: 20px;
		border-left: 1px solid var(--grey-border);
		padding: 30px;
	}
		.events-list .events-title,
		:is(.home-news-list,.news-list) :is(.home-news-title,.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);
		}
		:is(.events-item,.news-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.2;
			text-transform: uppercase;
		}
			.events-body .events-time .separator {
				color: var(--main);
			}
		:is(.events-body,.news-body) :is(.events-abstract,.news-abstract) {
			order: 4;
			margin: 0;
			color: var(--grey-text);
			font-size: 1em;
		}
		.section-home .home-btn {
			position: relative;
			display: block;
			margin: 0 auto;
			width: fit-content;
			color: var(--dark);
		}
			.section-home .home-btn::after {
				position: absolute;
		    right: -22px;
				top: 5px;
		    content: '\e919';
		    font-size: .875rem;
		    transition: right .3s;
			}
			.section-home .home-btn:is(:focus-visible,:focus,:hover,:active)::after {
				right: -33px;
			}







/* 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;
				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: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(--dark);
				}
				.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 - kiosque */
.site-main .section-home-gallery-kiosque {
	padding: 0; /* reporter 50px 15px dans chaque item ! */
}
	.section-home-gallery-kiosque .home-gallery-kiosque-item {

	}
	.section-home-gallery-kiosque .home-gallery {
		background-color: var(--dark);
		color: var(--white);
	}
		.home-gallery .container,
		.home-kiosque .container {
			display: flex;
			flex-direction: column;
			gap: 50px;
			padding: 50px 15px;
		}
			.home-gallery .home-gallery-flex {
				position: relative; /* pour le lien */
				display: flex;
				flex-direction: column-reverse;
				gap: 20px;
			}
				.home-gallery .home-discoveries-body .discoveries-title {
					margin: 0;
					font-size: 1.25em;
					line-height: inherit;
				}
					.home-gallery .discoveries-title .link {
						color: var(--white);
					}
					.home-gallery .discoveries-title .link:is(:focus-visible,:focus,:hover,:active) {
						text-decoration: underline;
					}
				.home-gallery .gallery-figure {
					position: relative;
				}
					.home-gallery .picture {
						display: block;
						aspect-ratio: 37 / 25;
					}
					.gallery-figure .gallery-type {
				    position: absolute;
				    bottom: -20px;
				    right: 20px;
				    flex-direction: column;
				    gap: 3px;
				    border-radius: 50%;
				    height: 70px;
				    width: 70px;
				    background-color: var(--main);
				    color: #000/*var(--dark)*/;
				    font-size: .875em;
					}
						.gallery-type .fa-regular {
							color: var(--white);
							font-size: 1.25rem;
						}
			.home-gallery .home-gallery-btn {
				color: var(--white);
				text-decoration: underline;
			}
			.home-gallery .home-gallery-btn:is(:focus-visible,:focus,:hover,:active) {
				color: var(--white);
				text-decoration: none;
			}
	/* Kiosque */
	.section-home-gallery-kiosque .home-kiosque {
		background-color: var(--main);
	}
		.home-kiosque .home-kiosque-title {
			color: var(--white);
		}
			.home-kiosque .home-kiosque-title::before {
				background-image: url("../Img/lodeonconservatoire_sprite.svg#barres-titre-1-blanc");
			}
		.home-kiosque .home-kiosque-flex {
	    display: flex;
	    gap: 20px;
		}
			.home-kiosque .img-fluid {
				min-width: 175px;
			}
			.home-kiosque .kiosque-body .kiosque-title {
				margin-bottom: 10px;
				font-size: 1.25em;
				line-height: 1.2;
			}
			.kiosque-body .extention {
				margin-bottom: 50px;
				color: var(--dark);
				font-size: .875em;
				text-transform: uppercase;
			}
			.kiosque-body .link {
				margin-bottom: 10px;
				display: flex;
				align-items: center;
				gap: 10px;
				font-size: .9375em;
				text-decoration: none;
			}
			.kiosque-body .link:is(:focus-visible,:focus,:hover,:active) {
				text-decoration: none;
			}
				.kiosque-body .link .flex-center {
					border-radius: 50%;
					height: 30px;
					width: 30px;
					min-width: 30px;
					background-color: var(--white);
					transition: all .3s;
				}
				.kiosque-body .link:is(:focus-visible,:focus,:hover,:active) .flex-center {
					background-color: var(--dark);
					color: var(--white);
				}
		.home-kiosque .home-kiosque-btn:is(:focus-visible,:focus,:hover,:active) {
			text-decoration: none;
		}


/* 07 = PAGE INTERNE */
/* Page-header */
.site-main .page-header {
  position: relative;
}
.site-main .page-header.no-image {

}
	.page-header .page-header-top {
		border-bottom: 1px solid var(--grey-border);
	}	
	.page-header .page-header-bottom {
		background: var(--secondary) url(../Img/lodeonconservatoire_sprite.svg#barres-header) no-repeat center top 50px / 1440px 578px;/* Ne peux pas mettre de % ! */
	}
		.page-header .container-header {
	    display: flex;
	    flex-direction: column;
		}
		.page-header.no-image .container {
			margin-bottom: 0;
		}
			.page-header .page-header-text {
				display: flex;
	      flex-direction: column;
	      gap: 10px;
	      justify-content: center;
	    	padding: 50px 15px 30px;
			}
				.rte-content .page-title {
					order: 2;
					margin: 0;
			    font-size: 2.25em;
					line-height: 1.1428571;		    
				}
				.rte-content .page-title {
					font-size: 2.5em;
					line-height: 1.2;
				}
				.page-header-text .page-subtitle {
					display: inline-flex;
					align-items: center;
					gap: 10px;
				}
					.page-header-text .page-subtitle::after {
						content: '';
						border-radius: 3px;
						height: 5px;
						width: 5px;
						background-color: var(--grey-text);
					}
				.page-header-text .category {
					order: 1;
					padding-left: 30px;
					font-size: 1em;
				}
					.page-header-text .category::before {
						top: calc(50% - 1px);
						height: 2px;
						width: 20px;
					}
				.page-header-text .date-maj {
					order: 4;
					margin-bottom: 0;
					font-size: .875em;
				}
			.page-header .header-btn {
				margin-left: auto;
			}
				.page-header .header-btn .btn-primary {
			    height: 42px;
			    margin: 0;
			    padding: 0 15px;
				}
			.page-header .header-picture {
				margin-bottom: 0;
				width: calc(100% + 30px);
			}
				.page-header .header-picture .picture {
			    display: block;
			    margin: 0 -15px -10px;
			    aspect-ratio: 628 / 418;
				}
					.page-header .header-picture .header-image {
						height: 100%;
	    			width: 100%;
						margin: 0;
					}
				.page-header .header-picture .figcaption {
					padding-top: 10px;
					color: var(--grey-text);
					font-size: .8125em;
					line-height: 1.23;
				}
/* RTE */
.rte-content .lead {
	order: 3; /* Fait partie du header */
	margin-bottom: 0;
	padding: 0;
	font-size: 1.25em;
}
/*.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;
}
.rte-content .accordion-header .accordion-button:focus-visible {
	box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
}
	.accordion-section .accordion-item:last-child {
    /*border-bottom: 1px solid var(--grey-border);*/
		margin-bottom: 40px;
		/*padding-bottom: 10px;*/
		background-color: transparent;
	}
		:is(.accordion-section,.accordion-filters) .accordion-item {
			background-color: transparent;
		}
			:is(.accordion-section,.accordion-filters) .accordion-item .accordion-header {			
	    	margin-bottom: 20px;
	    	padding-left: 0;
	    	font-size: 1.125em;
			}
				: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) {
				display: flex;
				align-items: center;
				gap: 10px;
				border: 0;
				min-height: auto;
				padding: 0;
				background: none;
				color: var(--dark);
				font-size: 1em;
			}
			.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-left {
			    color: var(--link);
			    font-size: .875em;
			    transform: rotate(90deg);
			    transition: transform .3s;
				}
				:is(.accordion-section,.accordion-filters) .accordion-header .collapsed .fa-angle-left {
			    transform: rotate(270deg);
				}
/* 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 {
	position: relative;
	display: flex;
  gap: 15px;
	margin-bottom: 50px;
	padding-left: 30px;
	font-size: 1.75em;
	line-height: 1.5;
}
.extension-agenda.layout-single .rte-content h2:last-child {
	margin-bottom: 10px;
	font-size: 1.5em;
	text-transform: uppercase;
}
	.rte-content h2::before,
	.rte-content .h2::before,
	.form-horizontal .form-title::before {
		position: absolute;
		left: 0;
		top: 0;
		content: '';
		height: 41px;
		width: 16px;
		background: url("../Img/lodeonconservatoire_sprite.svg#barres-titre-1") no-repeat center center / 16px 41px;
	}
.accordion .accordion-header {
	margin-bottom: 0;
	font-size: 1.5em;
	line-height: 1.25;
	text-transform: uppercase;
}
.rte-content h3,
.rte-content .h3,
.rte-content h3:last-child { /* Les titres de formulaires ont le même design que les h3 */
	margin-bottom: 20px;
  font-size: 1.5em;
  line-height: 1.25;
}
.rte-content h4,
.rte-content .h4 {
	margin-bottom: 20px;
	font-size: 1.125em;
}
.rte-content h5,
.rte-content .h5 {
	margin-bottom: 20px;
	font-size: 1em;
}
.rte-content p, 
.rte-content .list-normal li, 
.rte-content ol li {
	margin-bottom: 50px;
	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;
  margin: 50px 0;
  padding: 0 30px 0 110px;
  font-size: 1em;
}
	.rte-content blockquote::before {
    position: absolute;
    top: 0;
    left: 30px;
    content: "";
    height: 42px;
    width: 60px;
    background: url("../Img/lodeonconservatoire_sprite.svg#comment") no-repeat center center / 60px 42px;
	}
	.rte-content blockquote p {
		color: var(--main);
		font-size: 1.25em;
		line-height: 1.5;
		hyphens: auto;
	}
	.rte-content blockquote p:last-child {
		margin-bottom: 0;
	}	
	.rte-content blockquote p::before {
		content: '« ';
	}
	.rte-content blockquote p::after {
		content: ' »';
	}
:is(.frame-encart,.frame-encart-beige,.frame-encart-black) .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-beige .frame-inner,
	.rte-content .frame-encart-black .frame-inner,
	.rte-content .textmedia-text .encart {
		padding: 30px;
	}
	.rte-content .frame-encart .frame-inner {
		border-left: 5px solid var(--main);
		padding: 10px 0 10px 30px;
	}
	.rte-content .frame-encart-beige .frame-inner {
		background-color: var(--secondary);
		/*color: #fff;*/
	}
	.rte-content .frame-encart-black .frame-inner {
		background-color: var(--dark);
		color: #fff;
		text-align: center;
	}
		.rte-content :is(.frame-encart,.frame-encart-beige,.frame-encart-black) .frame-header {
			margin-bottom: 0;
		}
			.rte-content :is(.frame-encart,.frame-encart-beige,.frame-encart-black) .frame-inner :is(h1,h2,h3,h4,h5) {
				display: block;
				margin-bottom: 20px;
				padding: 0;
				font-size: 2em;
				line-height: 1.25;
				text-transform: uppercase;
			}
			.rte-content .frame-encart-black .frame-inner :is(h1,h2,h3,h4,h5) {
				text-align: center;
			}
				.rte-content :is(.frame-encart,.frame-encart-beige,.frame-encart-black) :is(h1,h2,h3,h4,h5)::before {
					display: none;
				}
			.rte-content :is(.frame-encart,.frame-encart-beige,.frame-encart-black) .frame-inner * {
				margin-bottom: 20px;
			}
			.rte-content :is(.frame-encart,.frame-encart-beige,.frame-encart-black) .frame-inner *:last-child {
				margin-bottom: 0;
			}
		.rte-content .frame-encart-beige .link-button {
	    background-color: var(--secondary);
		}
		.rte-content .frame-encart-black .frame-inner * {
			position: relative;
			z-index: 1;
		}
		.rte-content .frame-encart-black a:not(.link-button) {
			color: var(--white);
			text-decoration: underline;
		}
		.rte-content .frame-encart-black a:not(.link-button):is(:focus-visible,:focus,:hover,:active) {
			color: var(--white);
			text-decoration: none;
		}
		.rte-content .frame-encart-black .link-button {
			border-color: var(--white);
			margin: 0 auto;
			background-color: transparent;
			color: var(--white);
		}
		.rte-content .frame-encart-black .link-button:is(:focus-visible,:focus,:hover,:active) {
			border-color: var(--white);
			background-color: var(--white);
			color: var(--dark);
		}
			.rte-content .frame-encart-black .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-black) + :is(.frame-encart, .frame-encart-black) {
		margin-top: 0;
	}
	.col-right .bloc-directory .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;
		}
	/* Pages soeurs */
	.rte-content .page-body .col-right .frame-siblings .frame-header {
    margin: 0;
    padding: 30px 30px 20px;
    background-color: var(--grey);
	}
		.col-right .frame-siblings .frame-header .element-header {
	    margin: 0;
	    padding: 0;
		}
	.frame-siblings .list-unstyled {
		padding: 0 30px 30px;
		background-color: var(--grey);
	}

.rte-content ul:not(.list-unstyled), 
.rte-content ol:not(.list-unstyled) {
	margin-bottom: 2em;
	padding-left: 53px;
	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;
	}
	.rte-content :is(.frame-type-text,.frame-type-textmedia) .list-normal li {/* seulement pour les listes dans texte / texte & media */
		margin-bottom: 10px;
	}
	.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(--main);
	    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;
	}
/* 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;
	line-height: 1.5;
}
	table:not(.ui-datepicker-calendar) thead th {
		background-color: var(--dark);
		padding: 13px 20px;
    color: #fff;
    font-size: 1.125em;
    line-height: 1.333;
	}
.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 {
	font-size: 1em;
	/*transition: padding-left .3s;*/
}
.rte-content .accordion-section .menu-section li:is(:focus-visible,:focus,:hover,:active) {
  /*padding-left: 15px;*/
  color: var(--grey-text);
}
	.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: underline;		
	}

/* Accordéons */
.accordion-item {
	border: none;
	/*border-bottom: 1px solid var(--grey-border);*/
	margin-bottom: 10px;
	background-color: var(--grey);
}
.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;
  margin-bottom: 0;
}
.accordion-item + .accordion-item {
	/*margin-top: 10px;*/
}
	.accordion-header {
		display: flex;
		align-items: center;
	}
		.rte-content .accordion .accordion-header .accordion-button {
			font-size: 1.5rem;
			line-height: 1.666;
			padding: 15px 64px 15px 30px;
			background-color: var(--grey);	
			color: var(--dark);
		}
			.rte-content .accordion .accordion-header .accordion-button .fa-angle-up-solid {
				color: var(--link);
				transition: transform .3s;
			}
			.rte-content .accordion .accordion-header .accordion-button.collapsed .fa-angle-up-solid {
				transform: rotate(180deg);
			}
		.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: 30px;
				display: flex;
		    align-items: center;
		    justify-content: center;
		    content: "\e91e";
		    border: none;
		    height: 24px;
		    width: 24px;
		    background-image: unset;
		    color: var(--dark);
		    font-size: 1.5rem;
		    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 30px 30px;
		}

/* Menu de sections */
/*.subnavigation-sections .row {
	justify-content: center;
}
	.subnavigation-sections .link {
		font-weight: 500;
	}
		.subnavigation-sections .link:hover {
			color: #1b3a66;
		}*/
/* Cards */
.timeline-item-header-headline {
	padding: 0 !important;
  font-family: 'Poppins SemiBold'!important;
  font-weight: 400;
	color: var(--main);
	font-size: 1.25rem!important;

}
	.timeline-item-header-headline::before {
		display: none;
	}

/* 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 .page-body .col-right .frame :is(h2,.h2,h3,.h3,h4,.h4),
.col-right .frame-header .element-header {	
	display: block;
	margin-bottom: 10px;
	padding-left: 0;/* H2 ! */
	color: inherit;
	font-size: 1.6875em;
	line-height: 1.333;
	text-transform: uppercase;
}
.col-right .annuaire-page .textmedia-map .textmedia-text .organizer-item-title {
	font-size: 1.25em;
}
.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;
	}*/
/* Surcharge */
.files-list-gallery .gallery-item {
	margin-bottom: 0;
}

	
/* 08 = ACTUALITÉS */
/* Liste */
.results-list .events-list {/* Communs events - news */
	gap: 30px 0;
	/*justify-content: center;*/
}
	.events-list .item {
    display: flex;
    flex-direction: column-reverse;
	}
		.news-list .news-body {
	    display: inline-flex;
	    flex-direction: column;
	    gap: 20px;
	    padding: 30px 0 0;
		}
			.news-body 

/* 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%;
	}
.form-horizontal .text-center {
	font-size: 1em;
}
	.form-horizontal .text-center .btn-default {
	  border: 2px solid var(--dark);
	  height: 50px;
	  margin: 0 auto;
	  padding: 20px;
	}
	.site-main .btn.previous {
		position: relative;
		border: none;
		box-shadow: none;
		margin: 0;/* Pas besoin de marge au-dessus */
		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;
	}
	.form-horizontal .text-center .btn.previous {
		border: 2px solid var(--dark);
		margin: 0 auto;
		padding: 0 20px;
	  text-decoration: none;
	}
	.site-main .btn.previous:is(:focus-visible,:focus,:hover,:active) {
		text-decoration: none;
	}
	.form-horizontal .text-center .btn.previous:is(:focus-visible,:focus,:hover,:active) {
	  background-color: var(--dark);
	  color: var(--white);
	}
.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(--main);
					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: 30px;
    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);
					font-size: .9375em;
					box-shadow: none;
				}
				.safari .filters .form-group .form-control[type="date"] {
					padding-top: 10px;
				}
				.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/lodeonconservatoire_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/lodeonconservatoire_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;
						}
.criteria-total {
	margin: 0 0 30px;
}
.results-list .criteria-total {
	margin: 0 0 30px;
}
/* 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-events > .row {
    display: flex;
    flex-direction: column-reverse;
    gap: 50px;
}
	.single-events .single-content,
	.single-events .col-right {
		padding: 0 30px;
	}
		.single-content .frame-type-textmedia {
			/*padding-top: 0; pause problème dans les espacement des éléments de contenus ! */
		}
			.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 {
		padding: 30px;
		background-color: var(--dark);
		color: var(--white);
	}
		.rte-content .practical-info .practical-title {
	    margin-bottom: 30px;
	    font-size: 2em;
	    line-height: 1.25;
	    text-transform: uppercase;
		}
			.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,
		.rte-content .single-events .h2 {
			padding: 0;
			text-transform: uppercase;
		}
			.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;
				font-size: 1.125em;
			}
			.practical-info .practical-info-item + .practical-info-item {
				margin-top: 20px;
			}
			.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(--main);
					font-size: 24px;
				}
				.practical-info-item .link {
					color: var(--white);
					text-decoration: undeline;
				}
				.practical-info-item .link:is(:focus-visible,:focus,:hover,:active) {
					text-decoration: none;
				}
					.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(--white);
			    height: 52px;
			    padding: 10px 20px;
			    width: 100%;
			    max-width: inherit;
			    text-indent: 0;
				}
				.practical-info-reservation .btn-primary:is(:focus-visible,:focus,:hover,:active) {
					border-color: var(--white);
					background-color: var(--white);
					color: var(--dark);
				}
					.practical-info-reservation .btn-primary::before {
						display: none;
					}
		.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: 277 / 189;
    display: block;
    overflow: hidden;
	}
/*.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(--main);
}
.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 {
			padding: 0;
			line-height: 1.333;
			text-transform: none;
		}
			.rte-content .page-body .start-point .item .title::before {
				display: none;
			}
		.start-point .abstract p strong {
	    color: var(--main);
		}
		.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(--main);
				}
		.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(--main);
					background-color: var(--main);
					color: #fff;
				}
		.search-body .time {
			color: var(--grey-text);
		}
	.rte-content .search-filters .search-filters-title {
		margin-bottom: 20px;
		padding: 0;
		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(--main);
				background-color: var(--main);
				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 .item {
  display: flex;
  flex-direction: column-reverse;
}
.gallery-list .gallery-list-default {
	gap: 0 40px;
	justify-content: center;
}
	.gallery-list .gallery-body {
		padding-top: 20px;
	}
		.gallery-list .gallery-title .link {
			color: var(--dark);
			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 {
					position: static; /* H2 */
	    		margin-bottom: 0;
	    		padding: 0;
					font-size: 1.5em;
					line-height: 1.333;
				}
					.pagesummary .menu-subpages .title::before,
					.frame-type-menu_pages .menu-subpages .title::before {
						display: none;
						/*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: underline;
					}
						.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 {
			display: block;
			text-decoration: none;
    	box-shadow: var(--ombre);
		}
		.files-list-kiosque .kiosque-item .kiosque-body .link {
			box-shadow: none;
		}
			.files-list-kiosque .kiosque-item .link .flex-center {
				display: inline-flex;
				background-color: var(--main);
    		color: var(--white);
			}
			.files-list-kiosque .kiosque-item .link:is(:focus-visible,:focus,:hover,:active) .flex-center {
				background-color: var(--dark);
			}
			.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%);
		}
		.rte-content ol.breadcrumb-list {
			gap: 10px 0;
			padding: 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;
					font-size: 1rem;
					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 {
	display: flex;
	gap: 30px;
	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.25rem;
			}
			.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);
	}
	.form-control, 
	.form-group input[type="file"], 
	.frame-type-felogin_login input[type="text"], 
	.frame-type-felogin_login input[type="password"] {
		border-radius: 0;
	}
	.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);
		}
		.input-group input[type="email"].form-control,
		.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
			border-radius: 0;
		}
		.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 */
.captcha .serie {
	flex-wrap: wrap;
	gap: 10px;
  margin-top: 30px;
}
	.list-inline-item:not(:last-child), 
	ul.list-inline>li:not(:last-child) {
		margin-right: 0;
	}
		.captcha .serie .control-label {
			border: 2px dashed #d2d2d2;
			border-radius: 0;
	    width: 48px;
	    color: #1b3a66;
	    font-size: 1.125rem;
	    line-height: 48px;
		}
		.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 {
  margin-top: 5px;
	font-style: normal;
	font-size: .875em;
}
.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;
}
	.fluxrss .link-icon-rss {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    float: left;
	}
		.fluxrss .link-icon-rss::before {
			display: inline-block;
			content: '';
			height: 24px;
			width: 24px;
			background: url("../Img/lodeonconservatoire_sprite.svg#rss") no-repeat center / 24px 24px;
		}
/* 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;
}
/* Plugin connexion page 684 */
#c1882 form fieldset {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background-color: var(--secondary);
    padding: 20px;
}
	#c1882 form fieldset label {
		display: block;
	}
		#c1882 form fieldset input {
			border: 0;
			padding: 6px 12px;
			width: 100%;
		}
		#c1882 form fieldset input[type="submit"] {
			display: inline-flex;
	    align-items: center;
	    border: 2px solid var(--dark);
	    border-radius: 25px;
	    height: 50px;
	    margin: 0 auto;
	    padding: 0 20px;
	    width: fit-content;
	    background-color: var(--dark);
	    color: #fff;
	    font-family: 'Poppins Bold', sans-serif;
	    font-weight: 400;
		}
		#c1882 form fieldset input[type="submit"]:focus-visible {
			box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
		}


/* 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 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 30px;
    background-color: var(--grey);
}
	.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: 0;
	}
		.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-direction: column;
    flex-wrap: wrap;
    gap: 20px;
	}
	.col-right .files-list-default .list-unstyled {
    flex-direction: column;
	}
		.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);*/
			height: 100%;/* hauteur liste flex */
			padding: 20px;
			background-color: var(--white);
	    color: var(--dark);
	    text-decoration: none;
	    transition: .3s ease;
		}
		.files-list-default li:first-child a,
		.media-list-default li:first-child a {
			border: 0;
		}
		.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: 50px;
			    		min-width: 50px;
			    		background-color: var(--main);
			    		color: #fff;
		        	font-size: 1.25rem;
		        	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;
			    	gap: 5px;
			    	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);
}


/* 20 = DIAPORAMA & GABARITS DE FICHIERS */
.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;
	background-color: var(--secondary);
  /*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;
	}
		.rte-content .page-body .annuaire-page .textmedia-map .textmedia-text .h2 {
			margin: 0;
			padding: 0;
	    font-size: 1.6875em;
	    line-height: 1.333;
			text-transform: uppercase;
		}
			.annuaire-page .textmedia-map .textmedia-text .h2::before {
				display: none;
			}
		.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 :is(.link,.text) {
				display: flex;
				gap: 10px;
			}
			.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: 20px;
					color: var(--main);
					font-size: 20px;
    			display: inline-block;
				}
		.annuaire-page .organizer-item {
			display: flex;
			gap: 10px;
		}
			.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: 15px;
			color: var(--dark);
			font-size: 1.25em;
			line-height: 1.2;
    	text-transform: uppercase;
		}
		.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: 24px;
	}
		.rte-content .menu-section .siblings-item,
		.rte-content .frame-siblings .siblings-item {
			position: relative;
	    margin: 0;
	    padding: 15px 0 15px 18px;
	    transition: padding-left .3s;
		}
		.rte-content .frame-siblings .siblings-item:is(:focus-visible,:focus,:hover,:active) {
			padding-left: 30px;
		}
			.rte-content .frame-siblings .siblings-item::before {
				position: absolute;
				left: 0;
				top: 22px;
				content: '\e931';
				color: var(--link);
    		font-size: .75rem;
				transition: width .3s;
			}
			.rte-content .frame-siblings .siblings-item:is(:focus-visible,:focus,:hover,:active)::before {
				/*width: 20px;*/
			}
			/*.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;
		color: var(--white);
	}
	.flash-info .container {
		position: relative;
		display: flex;
		align-items: center;
    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;
					}
	.flash-info .btn-close {
		right: 0;
		top: calc(50% - 25px);
		font-size: 1.5rem;
		line-height: 1.1666;
	}	
	/* 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;*/
	}

/* 07 = PAGE INTERNE */
	/* Page-header */
	.page-header .header-picture {
		width: 100%;		
	}
		.page-header .header-picture .picture {
			margin-inline: 0;
		}
	/* RTE */
	.rte-content .frame-bloc {
		--frame-spacing: var(--frame-spacing-sm);
	}

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

/* 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 {
		
	}
	.flash-info .abstract {
    
	}
	/* 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 */
	/* CAROUSEL */
	.home .carousel-home .carousel-controls {
		bottom: 20px;
	}
		.home .carousel-home .carousel-indicators {
	    /*bottom: 0;
	    top: auto;*/
		}
  .carousel-home .carousel-control-prev {
      justify-content: flex-start;
  }
  .carousel-home .carousel-control-next {
      justify-content: flex-end;
  }
		.carousel-home .carousel-control-prev-icon, 
		.carousel-home .carousel-control-next-icon {
		  height: 50px;
		  width: 50px;
		}
		.carousel-home .carousel-control-prev-icon::before, 
		.carousel-home .carousel-control-next-icon::before {
			font-size: 1.25rem;
		}
	.carousel-home .picture {
		height: auto;
		aspect-ratio: 144 / 60;
	}
	.carousel-home .text {
		bottom: auto;
    left: 50%;
    top: 50%;
    padding-inline: 15px;
    transform: translate(-50%, -50%);
	}
		.home .carousel-home .title {
	    padding: 5px 10px;
	    font-size: 2em;	
		}
		.home .carousel-home .description {
			padding: 10px;
		}
		.home .carousel-home .link {
			padding: 5px 10px;
		}
	/* Flèches */
	.carousel-control-prev {
		justify-content: flex-start;
	}
		.carousel-control-prev .carousel-control-prev-icon {
			margin-left: 20px;
		}
	.carousel-control-next {
		justify-content: flex-end;
	}
		.carousel-control-next .carousel-control-next-icon {
			margin-right: 20px;
		}
	/* Accès rapides */
	.quick-access-inner .mosaic-quick-access {
    flex-wrap: nowrap;
    gap: 30px;
	}
		.mosaic-quick-access .article-quick-access {
			width: calc((100% - 120px) / 5);
			max-width: calc((100% - 120px) / 5);
		}
			.section-quick-access .mosaic-quick-access .article-quick-access::before {
		    position: absolute;
		    left: -14px;
		    top: calc(50% - 7px);
		    content: '';
		    height: 15px;
		    width: 2px;
		    background-color: var(--main);
			}
			.mosaic-quick-access .article-quick-access:nth-child(1)::before {
				display: none;
			}
	/* Actualités */
	.section-home-news .item {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    background-color: transparent;
	}
		.section-home-news .item .home-news-body {
			position: absolute;
			left: 50%;
			right: 0;
			border: 0;
			background-color: var(--white);
		}
		.section-home-news .item .link-picture {
			display: block;
			min-width: 58.33333333%;
		}
	/* Agenda */
	/* En images - kiosque */
	.section-home-gallery-kiosque .home-gallery-kiosque-list {
		display: flex;
	}
		.home-gallery-kiosque-list .home-gallery-kiosque-item {
			width: 50%;
		}
		.home-gallery-kiosque-list .home-gallery {
			margin-bottom: 50px;
		} 
		.home-gallery-kiosque-list .home-kiosque {
			margin-top: 50px;
		} 
			.home-gallery .container, 
			.home-kiosque .container {
				align-items: center;
				padding: 50px 25px;
			}			
	/* 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 - programme */
	.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 */
	.files-list-default .list-unstyled {
		flex-direction: row;
	}
		.rte-content .files-list-default li, 
		.rte-content .media-list-default li {
			width: calc(50% - 10px);
		}
		.rte-content .col-right :is(.files-list-default,.media-list-default) li {
			width: 100%;
		}

/* 25 = LEAFLET */
	/* Page */
	.annuaire-page .loading {
		width: 50%;
	}
	.annuaire-page .textmedia {
		padding: 50px;
		width: 50%;
	}
	.col-right .annuaire-page .textmedia {
		padding: 30px;
	}
	.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: 15px 0;
	}
		.flash-info .flashinfo-icon {
			left: 17px;
		}
	/* Site-header */
	#wrap .site-header {
    margin: 0 auto;
		padding: 15px 20px;
	}
		/* LOGO */		
		.navbar-mainnavigation.navbar-default-transition .logo .navbar-brand {
      height: 80px;
      width: 205px;
		}
		.safari .navbar-mainnavigation.navbar-default-transition .logo .navbar-brand {
      width: 205px;
		}
	.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;
		}
		/* MENU BOOTSTRAP + 3ème NIVEAUX */
		.site-header .header-menu {
			width: 100%;
		}
			.site-header .offcanvas {
				position: static;
				border: 0;
        height: 110px;
				min-height: auto;
				margin: -15px 0;/* 100% hauteur */
				width: 100%;
				/* Surcharges offCanvas */
        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 {
					height: 100%;
					width: 100%;
				}
					.offcanvas .main-navigation-close {
						display: none;
					}
					.header-menu .navigation {
						display: flex;
		        align-items: center;
						flex-direction: row;
		        gap: 40px;
		        height: 100%;
					}
						.header-menu .navigation .level-1-item {
							position: relative;/* Pour le sous-menu ! */
							height: 100%;
							padding: 0;
							font-weight: 400;
						}
						.offcanvas .level-1-item > .item-link {
							/*border-bottom: 4px solid transparent;
							border-left: 0;
							border-top: 0;*/
							bottom: 0;
        			height: 100%;
							padding: 20px 0 16px;
							color: var(--dark);
							font-size: 1em;
							font-family: 'Poppins Bold',sans-serif;
							font-weight: 400;
        			white-space: nowrap;
							transition: text-decoration .3s;
						}
						.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(--link);*/
							background-color: transparent;
							color: var(--dark);*/
						}
							.offcanvas .level-1-item > .item-link::after {
								position: absolute;
						    bottom: 0;
						    left: 0;
						    content: '';
						    display: block;
						    height: 5px;
						    width: 0;
						    background: var(--link);
						    transition: width .5s ease, background-color .5s ease;
							}
							.offcanvas .level-1-item > .item-link:is(:focus, :hover, :active)::after,
							.offcanvas .level-1-item.show > .item-link::after,
							.offcanvas .active .link-level-1::after,
							.offcanvas .current .link-level-1::after {
						    width: 100%;
							}
							.offcanvas .item-link .fa-chevron-right {
								display: none;
							}
						/* Niveau 2 */
						.site-header .offcanvas .dropdown-menu {
							left: 50%!important;
							top: 110px!important;
							display: none;
							width: auto;
							transform: translateX(-50%) !important;
						}
						.offcanvas .level-1-item .level-2 {
							box-shadow: 0 4px 10px 0 rgba(0,0,0,.3);
						}
						/*.site-header .offcanvas .level-1-item .dropdown-menu {
							box-shadow: 0 4px 10px 0 rgba(0,0,0,.3);
						}*/
							.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 {
						    position: relative;
				        width: fit-content;
				        min-width: 400px;
				        max-width: inherit;
				        background-color: var(--white);
							}
								.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: 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) {
										background-color: var(--grey);
									}
								/* 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: 5px;
			}
				.network-flex .header-link .network {
					margin: 0;
				}
					.header-link .link {
						border: 0;
		        border-radius: 20px;
		        height: 40px;
		        width: 40px;
						background-color: #fff;
		        color: var(--dark);
		        font-size: 1.5em;
		        text-decoration: none;
		        transition: all .3s;
					}
					.header-link .link:is(:focus, :hover, :active) {
						background-color: var(--dark);
		        color: #fff;
					}
		/* Bouton enseignants */
		.header-right .btn-teacher {
			order: 3;
		}
	/* 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);
	}
	.page-header.no-image .container-header {
    flex-direction: column;
	}

/* 05 = FOOTER */
	.site-footer {
		margin: 0 auto;
	}
		/* Logos */
		.footer-top .logos {
	    flex-direction: column;
	    align-items: center;
	    justify-content: flex-start;
		}
			.footer-top .logo-footer-link {
				margin-bottom: 0;
				text-align: left;
			}

		.footer-address .element-header {
			text-align: left;
		}
		.footer-address p {
			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 p {
        display: block;
        margin: 0 0 10px;
        width: 100%;
			}
			.site-footer .footer-schedule {
				margin-bottom: 0;
			}
				.site-footer .footer-schedule p {
					width: 100%;
				}
	/* Blogs des professeurs */
	.footer-blogs .blogs {
		margin-right: 0;
	}

/* 06 = ACCUEIL */
	/* 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;
			}				
	/* Actualités */
	.section-home-news .item .home-news-body {
		padding: 50px;
	}
	.section-home-news .home-news-net {
		position: absolute;
		right: 15px;
		top: 15px;
	}
		.home-news-net .header-link .link {
			background-color: transparent;
		}
		.home-news-net .header-link .link:is(:focus-visible,:focus,:hover,:active) {
			background-color: var(--dark);
			text-decoration: none;
		}

	/* Agenda */	
	.events-list .picture {
		/*aspect-ratio: 27 / 18;*/
	}
	/* En images - programme */
	.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: 50px;
    	justify-content: space-between;
    	padding-block: 50px;
		}
		.page-header.no-image .page-header-bottom .container {
			padding: 70px 15px;
			max-width: 960px;
		}
			.page-header .page-header-text,
			.page-header .header-picture {
				width: calc(50% - 25px);
			}
			.page-header.no-image .page-header-text {
				margin: 0/*0 auto*/;
				padding: 0;
				width: auto;
				max-width: inherit;
			}
			.page-header .page-header-text {
				gap: 20px;
        padding: 0;
			}
			.page-header-text .category {
				font-size: 1.25em;
			}
	.site-main .navigation-share + .page-body {
		margin-top: 0;
	}
		.rte-content .page-title {
			font-size: 3.125em;
		}
		/* RTE */
		.rte-content h2, 
		.rte-content .h2,
		.form-horizontal .form-title {
			padding-left: 42px;
			font-size: 2.5em;
		}
			.rte-content h2::before,
			.rte-content .h2::before,
			.form-horizontal .form-title::before {
		    height: 60px;
		    width: 23px;
		    background-size: 23px 61px;
			}
		.rte-content h3,
		.rte-content .h3,
		.rte-content h3:last-child {
			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);
		}
		/* Encarts */
		/*.rte-content .frame-encart .frame-inner,*/
		.rte-content .frame-encart-beige .frame-inner,
		.rte-content .frame-encart-black .frame-inner,
		.rte-content .textmedia-text .encart {
			padding: 50px;
		}
	/* Colonne de droite */
		.rte-content .col-right .frame-encart-beige .frame-inner,
		.rte-content .col-right .frame-encart-black .frame-inner,
		.rte-content .col-right .textmedia-text .encart {
			padding: 30px;
		}
    .col-right .annuaire-page {
      flex-direction: column-reverse;
    }
    .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 .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-black) .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 */
	  .single-events > .row {
	  	flex-direction: row;
	  	gap: 0;
	  }

/* 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;
	}
	/* 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;*/
				}
	/* Bouton enseignants */
	.header-right .btn-teacher {
    padding: 0 20px;
    min-width: inherit;
	}

/* 06 = ACCUEIL */
	/* CAROUSEL */
	.home .carousel-home .carousel-inner {
		max-height: 600px;
	}
		.carousel-home .carousel-inner .carousel-item {
			/*height: 600px;*//* Sinon saut du texte au défilement ! */
		}
			.carousel-home .picture {
				aspect-ratio: 192 / 60;
			}
	/* Agenda */
	.events-item .item {
		margin: 0;
		max-width: inherit;
	}
		.events-list .events-item:is(.cancelled, .deferred, .completed)::after {
	  	right: 30px;
		}
	/* En images - kiosque */
	.home-gallery-kiosque-list .home-gallery {
		margin-bottom: 100px;
	}
	.home-gallery-kiosque-list .home-kiosque {
		margin-top: 100px;
	}
		.home-gallery .container, 
		.home-kiosque .container {
			padding: 50px 100px;
		}
		.home-gallery .container {
			margin: 0 0 0 auto;
			padding-left: 0;
			width: calc(1170px / 2);
		} 
		.home-kiosque .container {
			margin: 0 auto 0 0;
			padding-right: 0;
			width: calc(1170px / 2);
		}

/* 07 = PAGE INTERNE */	
	/* Page-header */
	.page-header.no-image .page-header-bottom .container {
		max-width: 1200px;
	}
	.page-header .page-header-text {
		max-width: calc((1200px - 50px) / 2);
	}
	.rte-content .frame-bloc {
		--frame-spacing: var(--frame-spacing-xl);
	}
	/* Liste de fichiers - Documents Légaux */
	.actes .filters .form-group:not(.submit) {
		width: 215px;
	}
	.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 */
	/* Surcharge BP */
	.gallery-list {
		gap: 20px 0;
		margin: 0 -10px;
	}
		.files-list-gallery .gallery-item {
			--gallery-columns: 4;
			padding: 0 10px;
		}

}


@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.no-image .page-header-bottom .container {
		/*max-width: 1320px;*/
	}
	.page-header .container-header {
		max-width: 1600px;
	}
	.page-header.no-image .container-header {
		justify-content: flex-start;
		max-width: 1200px;
	}
		.page-header .page-header-text {
			padding-left: calc(((100% - 50px) / 2) - 560px);
      max-width: calc((1600px - 80px) / 2);
		}
		.page-header.no-image .page-header-text {
			max-width: inherit;
		}

}