/* CSS - portail de la ville de Versailles */

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


:root {/* À mettre en premier dans les CSS ! */
	--client: #25457d;
	--client-light: #e9ecf2;
	--dark: #242424;
	--dark-2: #222;
	--dark-light: #717171;
	--grey-light: #f6f6f6;
	--red: #e5222a;
	--grey-light-2: #e7e7e7;

	/*--lightblue: #f3f3f3;
	--light-pink: #fbcacf;
	--dark-pink: #f04e5e;
	--dark-grey: #455f6c;*/

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

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

	/*--main : #1e0096;*/ /* Bleu foncé */
    --fourth: #eef8ff; /* Bleu très clair (BG "à feuilleter") */
    --vert : #02ac87; /* Vert */

    --bs-success-rgb:37,69,125;
    --bs-superior-rgb:255,0,0;
}

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


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

body,
.page-body .frame-type-menu_section .frame-header .element-header,
.level-1 .level-1-16 .link-level-1,
.level-1 .level-1-22 .link-level-1,
.criteria-total .form-group.submit .btn-reset,
.calendar .btn-thosedates,
.practical-info .events-dates .hour,
.presse-caption .presse-title,
.breadcrumb .breadcrumb-item .item, 
.breadcrumb .breadcrumb-item .link,
.ville-election .table th,
.section-playlists .home-events-item .home-events-caption .events-item-title {
	font-family: 'PlusJakartaSans-Regular',sans-serif;
}
.rte-content p strong,
.footer-sites .list-sites-title,
.rte-content h4,
.rte-content .h4,
.rte-content .link-button,
.files-list-default .media-title,
.media-list-default .media-title,
.inner-siblings .siblings-link,
.section-home .category,
.section-home .home-item-title,
.main-navigation-button .navigation-button-text,
.main-navigation .link-level-1,
.rte-content .lead,
.dropdown-menu .return-level-prev,
.main-navigation .rubrique,
.kiosque-item .kiosque-title,
.menu-subpages .title,
.filters-label,
.filters .form-control,
.rte-content p.lettrine::first-letter,
.news-categories-list .news-categories-link,
.step .step-title,
.step-text .step-text-title,
/*.frame-background-none .icongroup-item-text .icongroup-item-text-subheader,*/
.ui-datepicker th,
.page-header .category,
.practical-info .events-dates .date,
.elected-list .item-directories-caption .fonction,
.directories-list .filters select.form-control,
.directories-list .category,
.timeline-item-caption .timeline-item-date,
.flash-info .title,
.home-events-item .picture .alaune,
.directory-list .title,
.header-right .subtitle,
.frame-prise-rdv .accordions-mobile .accordion .card-body .flex-dir-col,
.carousel-site .owl-item .item .carousel-text * {
	font-family: 'PlusJakartaSans-SemiBold',sans-serif;
}
.rte-content p strong,
.rte-content li strong,
.rte-content td strong,
.footer-top-body .footer-title,
.btn-primary,
.btn-secondary,
.btn-info,
.header-right .page-title,
.rte-content h2,
.rte-content .h2,
.rte-content h3,
.rte-content .h3,
.rte-content h5,
.rte-content .h5,
.rte-content .accordion-header .accordion-button,
.table caption,
.table th,
.section-home .section-home-title,
.home-events-list .time,
.frame-type-artifica_form_pi1 .btn-default,
.icongroup-item-text .icongroup-item-text-header,
.presse-title .strong,
.practical-info .dataLocation p strong,
.ville-election .table thead th
/*
.criteria-total .totalresults,
.calendar .ui-datepicker th,
.calendar .ui-state-active,
.ui-datepicker .ui-datepicker-title,
*/ {
	font-family: 'PlusJakartaSans-Bold',sans-serif;
}
.list-net .net-link {
	font-family: "Font Awesome 6 Brands";
}
.footer-address .textmedia p a::before,
.rte-content .accordion-header .accordion-button::after,
.inner-siblings .list-unstyled li::before,
.col-right .menu-subpages .col-sm-6 .subpage-caption::before,
.owl-nav .owl-prev::before,
.owl-nav .owl-next::after,
.filters .calendar .dropdown-toggle::after,
.item-directories-caption::after,
.link-external:after,
.link-mail:after,
.link-file:after,
.footer-address .textmedia p a[href="https://www.versailles.fr/acceo.htm"]::before,
.ville-election .nav-tabs button .icon-participation::before,
.ville-election .nav-tabs button .icon-resultats::before,
.ville-election .nav-tabs button .icon-candidats::before,
.sword .btn-submit::before
/*
.carousel-control-prev-icon::before,
.carousel-control-next-icon::before,
.date-start::after,
.btn-plus::before
*/ {
	font-family: "Font Awesome 6 Pro";
}


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

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


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


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


/* 04 = HEADER */
/* Site-header */
.site-header {
	box-shadow: var(--shadow);
}
	.site-header .container {
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 60px;/*Pour la transition de hauteur */
		transition: height .3s;
	}
		/* LOGO */
		.site-header .logo {
			height: 40px;
			margin: 0 auto;
			width: 100%;
			text-align: center;
		}
			.logo .navbar-brand-image {
			    display: flex;
			    align-items: center;
			    justify-content: center;
			}
				.navbar-brand-image .img-fluid {
					max-width: 212px;
				}

		/* MENU BOOTSTRAP + 3ème NIVEAUX */
		/* Bouton ouverture menu desktop */
		.site-header .main-navigation-button {
		    align-items: center;
		    border: 1px solid #ddd;
		    border-radius: 25px;
		    height: 50px;
		    margin: 0 auto 0 50px;
		    padding: 0 20px;
		    background-color: #fff;
		}
		.site-header .main-navigation-button:is(:focus,:hover,:active) {
			border: 2px solid var(--client);			
		}
			.main-navigation-button .fa-bars {
				margin-right: 15px;
				color: var(--red);
				font-size: 24px;
				line-height: 1;
			}
			.main-navigation-button .navigation-button-text {
				color: var(--client);
				font-size: 1.125em;
				text-transform: uppercase;
				line-height: 1;
			}
		/* Background gris */
		.main-navigation-background {
			position: fixed;
		    bottom: 0;
		    left: 0;
		    right: 0;
		    top: 0;
		    height: 100vh;
		    width: 100vw;
		    background-color: rgba(0,0,0,.5);
		    transition: left .3s;
		    z-index: 1002;
		}
		/* 1er niveau */
		.site-header .main-navigation {
		    position: fixed;
		    bottom: 0;
		    left: 0;
		    top: 0;
		    z-index: 9990;
		    min-height: 100vh;
		    width: 100%;
		    background-color: #fff;
		}
		.safari .site-header .main-navigation {
			min-height: calc(100vh - 100px);
		}
			.main-navigation .scroll-wrapper {
			    height: 100%;
		    	padding: 10px 10px 60px;
			    overflow-x: hidden;
				overflow-y: auto;
			}
				.main-navigation *:focus,
				.main-navigation *:focus:not(:focus-visible) {
					z-index: 10;
					border-radius: 2px;
				    outline: 2px solid var(--client);
				}
				.main-navigation .main-navigation-close {
				    border: 0;
				    height: 50px;
				    margin-bottom: 20px;
				    width: 50px;
				    background-color: transparent;
				    color: #999;
				    font-size: 24px;
				}
				.main-navigation .level-1-16 {
					position: relative;
				}
					.main-navigation .item-link {
						position: relative;
					    display: flex;
					    align-items: center;
					    border-radius: 10px;
					    min-height: 50px;
					    padding: 9px 0;
					    background-color: #fff;
					    color: var(--dark-light);
					    line-height: 1.2;
					    text-decoration: none;
					    transition: all .3s;
					}
					.main-navigation .level-1-16 .item-link,
					.main-navigation .level-1-22 .item-link {
						font-size: .875em;
					}
					.main-navigation .level-1-16::before {
						position: absolute;
						left: -10px;
						right: -10px;
						top: 0;
    					z-index: 1;
						content: '';
						height: 1px;
						background: var(--grey-light-2);
					}
					.main-navigation .item-link:is(:focus, :hover, :active) {
						color: var(--dark);
						outline: none;
					}
					/*.main-navigation .item-link:focus {
						box-shadow: inset 0 0 5px rgb(0 0 0 / 50%);
					}*/
						.item-link .fa-light {
							display: block;
							margin-right: 10px;
							width: 50px;
							font-size: 18px;
							text-align: center;
						}
					.main-navigation .active .link-level-1,
					.main-navigation .current .link-level-1 {
						background-color: var(--grey-light);
						color: var(--dark);
					}
						.link-has-children .fa-chevron-right {
						    position: absolute;
						    right: 0;
						    width: auto;
						    font-size: 14px;
						}
				/* Niveau 2 */
				.main-navigation .dropdown-level-2, 
				.main-navigation .dropdown-level-3 {
				    bottom: 0!important;
				    left: 0!important;
				    z-index: 9991;
				    border: 0;
				    border-radius: 0;
				    padding: 10px;
				    width: 100%;
				    background-color: var(--grey-light);
				    box-shadow: none;
				    transform: none!important;
				}
					.dropdown-level-2 .scroll-wrapper {
						padding: 120px 0 50px;
					}
						.main-navigation .rubrique {
							position: absolute;
							left: 0;
							right: 0;
							top: 0;
							z-index: 1;
							display: flex;
							flex-direction: column;
							border-bottom: 1px solid var(--grey-light-2);
							height: 120px;
							background-color: var(--grey-light);
							font-size: 1.25em;
							text-decoration: none;
						}
							.rubrique .rubrique-top {
								height: 70px;
								padding: 24px 20px;
								line-height: 1;
								text-align: center;
								text-overflow: ellipsis;
								white-space: nowrap;
								overflow: hidden;
							}
								.rubrique .rubrique-link {
									color: var(--dark);
									text-decoration: none;
								}
									.rubrique .fa-light {
										margin-right: 15px;
										font-size: 18px;
									}
							.rubrique .rubrique-bottom {
								display: flex;
								border-top: 1px solid var(--grey-light-2);
								height: 50px;
								font-size: .7em;
								text-transform: uppercase;
							}
								.dropdown-menu .return-level-prev {
								    align-items: center;
									justify-content: center;
									border-right: 1px solid var(--grey-light-2);
								    height: 50px;
									width: 50%;
								    margin-bottom: 10px;
								    color: var(--dark);
								    font-size: .938em;
								    text-decoration: none;
								}
									.return-level-prev .fa-chevron-left {
										display: block;
										padding: 0 15px 0 10px;
										font-size: 1.125em;
									}
								.rubrique-bottom .rubrique-link {
									display: flex;
									align-items: center;
									justify-content: center;
									width: 50%;
									text-decoration: underline;
								}
								.rubrique .rubrique-bottom .rubrique-link:is(:focus, :hover, :active) {
									text-decoration: none;
								}
						.main-navigation .link-level-2,
						.main-navigation .link-level-3 {
							padding: 9px 30px 9px 20px;
							background-color: var(--grey-light);
						}
						.main-navigation .active > .link-level-2,
						.main-navigation .current > .link-level-2,
						.main-navigation .active > .link-level-3,
						.main-navigation .current > .link-level-3 {
							background-color: #fff;
							color: var(--dark);
						}
		/* ESSAI CORRECTIFS MENU AVEC MOUVEMENTS FLUIDES */
		.site-header .main-navigation {
			z-index: 10000;
			transition: left .5s;
		}
		.site-header .main-navigation.collapse:not(.show) {
		    left: -100%;
		    display: block;
		}
			.site-header .main-navigation .dropdown-menu {
				position: fixed!important;
		    	left: -100%!important;
				/*display: block;*/
				transition: left .5s;
			}
			.site-header .main-navigation .dropdown-level-2 {

			}
			.site-header .main-navigation .dropdown-level-2.show {
				left: 0%!important;
			}
			.site-header .main-navigation .dropdown-level-3 {

			}
			.site-header .main-navigation .dropdown-level-3.show {
				left: 0%!important;
			}

		/* Partie droite */
		.site-header .header-right {
			display: flex;
			margin-left: auto;
		}
			/* Liens réseaux */
			.list-net .net-link {
				height: 50px;
				width: 50px;
				font-size: 20px;
				font-weight: 500;
				text-decoration: none;
				transition: transform .3s;
			}
			.list-net .net-link:is(:focus, :hover, :active) {
				transform: scale(1.1);
			}
				.id-621::before {/* Facebook */
					content: '\f39e';
				}
				.id-624::before {/* Instagram */
					content: '\f16d';
				}
				.id-1188::before {/* TikTok */
					content: '\e07b';
				}
				.id-622::before {/* Twitter */
					content: '\e61b';
				}
				.id-655::before {/* LinkedIn */
					content: '\f0e1';
				}
				.id-623::before {/* Youtube */
					content: '\f167';
				}

			/* RECHERCHE */
			.background-page {
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				top: 0;
				z-index: 10;
				display: none;
				content: '';
				background-color: rgba(0,0,0,.25);
			}
			.header-right .header-form {
				position: absolute;
				left: calc(50% - 150px);
				top: 70px;
				z-index: 11;
				border-radius: 25px;
				width: 300px;
				background: #fff;
				box-shadow: 1px 0 5px rgb(0 0 0 / 10%);
			}
				.header-right .label {
					display: flex;
					border: none;
					height: 50px;
					margin: 0;
					width: calc(100% - 50px);
				}
					.header-right .input {
					    border: 1px solid #ddd;
					    border-bottom-left-radius: 25px;
					    border-top-left-radius: 25px;
					    border-right: 0;
						padding: 0 10px 0 15px;
						width: 100%;;
						color: var(--dark);
						font-size: .875em;
						background: transparent;
						outline: none;
					}
					.header-right .input::placeholder {
						color: var(--dark);
					}
					.header-right .input:is(:focus, :hover, :active) {

					}
				.header-right .search-button {
					position: relative;
					border: 1px solid #ddd;
					border-left: 0;
					height: 50px;
					background-color: #fff;
					color: #fff;
					font-size: .875em;
					width: 50px;
					border-top-right-radius: 25px;
					border-bottom-right-radius: 25px;
				}
					.header-right .search-button::before {
						position: absolute;
						left: 9px;
						top: 9px;
						z-index: 1;
						content: '';
						border-radius: 50%;
						height: 32px;
						width: 32px;
						background-color: var(--red);
					}
					.header-right .search-button .fa-magnifying-glass {
						position: relative;
						z-index: 2;
					}

/* Flash Info */
.flash-info {
	position: relative;
	z-index: 10000;
	display: flex;
	align-items: center;
	padding: 10px;
	background-color: #f2d9ab;
	color: var(--dark);
}
	.flash-info .container {
		padding: 0;
	}
		.flash-info .col-10 {
			padding: 0;
		}
			.flash-info .title {
				line-height: 1.2;
			}
				.flash-info .fa-solid {
					margin-right: 5px;
				}
			.flash-info .abstract {
				line-height: 1.2;
			}
				.flash-info .abstract p {
					display: inline;
				}
				.flash-info .abstract .link {
					margin-left: 5px;
					color: var(--dark);
					white-space: nowrap;
				}
	.flash-info .btn-close {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: auto;
		background: unset;
		color: var(--dark);
		opacity: 1;
		transition: .3s ease;
	}
	.flash-info .btn-close:is(:focus, :hover, :active) {
		box-shadow: unset;
		outline: 2px solid var(--client);
		transform: scale(1.2);
	}


/* 05 = FOOTER */
/* Barre des menus mobile */
.site-footer .footer-mobile-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    display: flex;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background-color: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
}
	.footer-mobile-menu .footer-mobile-item {
		flex-direction: column;
	    border: 0;
	    height: 60px;
	    width: 20%;
	    background-color: #fff;
	    color: var(--dark-light);
	    font-size: .688em;
	    text-decoration: none;
	}
	.footer-mobile-menu .footer-mobile-item:first-child {
    	border-top-left-radius: 15px;
	}
	.footer-mobile-menu .footer-mobile-item:last-child {
    	border-top-right-radius: 15px;
	}
	.footer-mobile-menu .footer-mobile-item:nth-child(3) {
		position: relative;
		padding-top: 24px;
	}
		.footer-mobile-item .fa-light {
			margin-bottom: 5px;
			font-size: 18px;
		}
		.footer-mobile-menu .footer-mobile-item:nth-child(3) .fa-light {
			position: absolute;
    		bottom: 25px;
			border-radius: 50%;
			height: 50px;
			width: 50px;
			background-color: var(--client);
			color: #fff;
		}
		.footer-mobile-menu .footer-mobile-item:nth-child(3).open .fa-light::before {
			content: '\f00d';
		}

/* Retour haut de page */
.to-page-top {
	position: fixed;
	right: 15px;
	bottom: 10px;
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	border-radius: 50%;
	height: 40px;
	width: 40px;
    background-color: var(--client);
    color: #fff;
}
.to-page-top:is(:focus, :hover, :active) {
    background-color: var(--client);
    color: #fff;
}
/* Footer top */
.site-footer {
	background-color: var(--grey-light);
}
	.site-footer .footer-top-body {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding: 40px 0;
	}
	.site-footer .footer-top {
		border-bottom: 1px solid var(--grey-light-2);
	}
		/* Styles récurrents */
		.footer-top-body .footer-title {
			font-size: .938em;
			line-height: 2;
		}
		/* Logo */
		.footer-top .footer-logo {
		    display: flex;
		    align-items: center;
		    flex-direction: column;
		    margin-bottom: 30px;
		}
			.footer-top .footer-logo-link {
				border-bottom: 1px solid var(--grey-light-2);
				margin-bottom: 15px;
				padding-bottom: 30px;
			}
				.footer-top .logo {
					width: 298px;
				}
			.footer-logo .list-net.d-none {
				display: flex !important;
			}
		/* Adresse */
		.footer-top .footer-address,
		.footer-top .footer-sites {
			margin-bottom: 40px;
			text-align: center;
		}
			.footer-address .textmedia {
				gap: 0;
			}
				.footer-address .textmedia p {
					color: #242424;
					font-size: .938em;
					line-height: 2;
				}
					.footer-address .textmedia p strong {
						font-weight: normal;
					}
					.footer-address .textmedia p a {
						text-decoration: none;
					}	
					.footer-address .textmedia p .link-external:after {
						display: none;
					}
					.footer-address .textmedia p a:is(:focus,:hover,:active),
					.footer-sites .sites-link:is(:focus,:hover,:active) {
						color: var(--dark);
					}
						.footer-address .textmedia p a::before {
							margin-right: 10px;
							font-weight: 300;
						}
						.footer-address .textmedia p .link-phone::before {
							content: '\f095';
						}
						.footer-address .textmedia p .link-page::before {
							content: '\f0e0';
						}
						.footer-address .textmedia p a[href="https://www.versailles.fr/acceo.htm"]::before {
							display: inline-block;
							content: '\f5f0';
							width: 16px;
						}
		/* Les sites de Versailles */
		.footer-top .footer-sites {

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


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

}
	.section-home .section-home-header {
		display: flex;
		flex-wrap: wrap;
	}
		.section-home .section-home-title {
		    margin-bottom: 30px;
		    color: var(--dark);
		    font-size: 1.875em;
		}
			.section-home .section-home-title .home-title-link {
			    color: var(--dark);
			    text-decoration: none;
			    transition: color .3s;
			}
			.section-home .section-home-title .home-title-link:is(:focus,:hover,:active) {
				color: var(--client);
			}
		.section-home .btn-info {
			border: 0;
			margin-left: auto;
		}
	.section-home .home-list-link {
		text-decoration: none;
	}
		.section-home .picture {
		    display: block;
		    border-radius: 12px;
		    overflow: hidden;
		}
			.section-home .img-responsive,
			.section-home .object-fit {
				transition: transform .3s;
			}
			.section-home .home-list-link:is(:focus, :hover, :active) .img-responsive,
			.section-home .home-list-link:is(:focus, :hover, :active) .object-fit {
				transform: scale(1.1);
			}
		.section-home .home-item-title {
			margin-bottom: 5px;
			color: var(--dark);
			font-size: 1.25em;
			line-height: 1.3;
			transition: color .3s;
		}
		.section-home .home-list-link:is(:focus, :hover, :active) .home-item-title {
			color: var(--client);
		}

/* Accès rapides */
.site-main .section-accesses {

}
	.section-accesses .list-accesses {
		position: relative;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		overflow: auto hidden;
	}
		.owl-carousel .owl-stage-outer {
			margin: 0 auto;
		}
			.list-accesses .accesses-item {
				flex: 1 1 0;
				min-width: 90px;
			}
				.list-accesses .accesses-item::before {
					display: none;
				}
				.list-accesses .accesses-link {
					display: flex;
					align-items: center;
					flex-direction: column;
					justify-content: center;
					padding: 20px 8px;
					color: #666;
					text-decoration: none;
					transition: color .3s;
				}
				.list-accesses .accesses-link:is(:focus, :hover, :active) {
					color: var(--client);
				}
					.accesses-link .fa-light {
						height: 34px;
						font-size: 24px;
					}
					.accesses-link .text {
						font-size: .813em;
						line-height: 1.2;
						text-align: center;						
					}
		/* Boutons OWL Carousel */
		.owl-carousel .owl-nav {

		}
			.owl-carousel .owl-nav button.owl-prev,
			.owl-carousel .owl-nav button.owl-next {
				position: absolute;
				top: calc(50% - 15px);
				display: inline-flex;
				align-items: center;
				justify-content: center;
				border-radius: 50%;
				height: 30px;
				width: 30px;
				background-color: #fff;
				box-shadow: 0 0 8px rgb(0 0 0 / 8%);
			}
			.owl-carousel .owl-nav button.owl-prev.disabled,
			.owl-carousel .owl-nav button.owl-next.disabled {
				display: none;
			}
			.owl-nav .owl-prev {
				left: 3px;
			}
			.owl-nav .owl-next {
				right: 3px;
			}
				.owl-nav .owl-prev span,
				.owl-nav .owl-next span {
					display: none;
				}
				.owl-nav .owl-prev::before,
				.owl-nav .owl-next::after {
					content: '\f053';
					color: var(--client);
					font-size: .875em;
					font-weight: 700;
				}
				.owl-nav .owl-next::after {
					content: '\f054';
				}
		
/* Actualités */
.home-news-list .home-news-figure {
	margin-bottom: 10px;
}
	.home-news-list .picture {
		aspect-ratio: 3 / 2;
	}
.home-news-list .home-news-caption {
	padding-bottom: 30px;
}
	.home-news-list .news-item-abstract,
	.home-events-list .events-item-location {
		margin-bottom: 0;
		color: var(--dark-light);
		font-size: .875em;
		line-height: 1.714;
	}
/* Items 3 à 8 */
.home-news-list .col-lg-4 .home-news-link {
    display: flex;
    flex-direction: column;
}
.home .home-news-list .col-lg-4 .home-news-link {
	flex-direction: row;
    padding-bottom: 30px;
}
	.home-news-list .col-lg-4 .home-news-figure {
		/*height: 86px;*/
		margin: 0 15px 0 0;
		/*width: 130px;*/
		/*min-width: 130px;*/
		width: 100%;
	}
	.home .home-news-list .col-lg-4 .home-news-figure {
		width: 50%;
		min-width: 50%;
	}
		/*.home-news-list .col-lg-4 .picture {
			height: 86px;
		}*/
	.home-news-list .col-lg-4 .home-news-caption {
		padding-bottom: 0;
	}
	body:not(.home) .home-news-list .col-lg-4 .home-news-caption {
		padding-bottom: 0;
	}
		.home-news-list .col-lg-4 .news-item-abstract {
			display: none;
		}

/* Agenda (Que faire à Versailles ?) */
#c109 {
	background-color: var(--grey-light);
}
	.home-events .home-events-btn {
    	background-color: #fff;
	}
	body:not(.backendlayout-accueil) .home-events .home-events-btn {
		background-color: var(--grey-light);
	}
	.home-events .home-events-btn:is(:focus, :hover, :active),
	body:not(.backendlayout-accueil) .home-events .home-events-btn:is(:focus, :hover, :active) {
		background-color: var(--client);
	}

	.home-events-list .home-events-item.cancelled .home-events-link::after, 
	.home-events-list .home-events-item.cancelled .events-link::after, 
	.single-content .cancelled::after {
	    position: absolute;
	    top: 10px;
	    left: 10px;
	    z-index: 10;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    content: "Annulé";
	    border-radius: 15px;
	    height: 30px;
	    padding: 0 10px;
	    width: max-content;
	    background-color: #fff;
	    color: var(--red);
	    font-size: .875em;
	}

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

/* Les grands dossiers */
.home-bigfiles .home-bigfiles-list {
	margin-bottom: 40px;
}
	.home-bigfiles-list .home-bigfiles-link {
		text-decoration: none;
	}
		.home-bigfiles-list .home-bigfiles-figure {
			margin-bottom: 0;
		}
			.home-bigfiles-figure .picture {
				position: relative;
				aspect-ratio: 3 / 2;
			}
				.home-bigfiles-figure .picture::before {
				    position: absolute;
				    bottom: 0;
				    left: 0;
				    right: 0;
				    top: 0;
				    content: '';
				    background-color: var(--client);
				    opacity: 0.7;
				    transition: opacity .3s;
				}
				.home-bigfiles-link:is(:focus, :hover, :active) .home-bigfiles-figure .picture::before {
					opacity: 0.0;
				}
				.home-bigfiles-figure .img-responsive {
				    transition: transform .3s;
				}
				/*.home-bigfiles-link:is(:focus, :hover, :active) .img-responsive {
					transform: scale(1.1);
				}*/
				.home-bigfiles-figure .home-item-title {
				    position: absolute;
				    top: 50%;
				    margin: 0;
				    padding: 0 15px;
				    width: 100%;
				    color: #fff;
				    text-decoration: none;
				    text-align: center;
				    transform: translateY(-50%);
				}
				.home-bigfiles-link:is(:focus, :hover, :active) .home-item-title {
					text-shadow: 0 0 5px rgb(0 0 0 / 75%);
				}
	.home-bigfiles-list .owl-nav button.owl-prev, 
	.home-bigfiles-list .owl-nav button.owl-next {
	    top: calc(100% - 15px);
	}
	.home-bigfiles-list .owl-nav button.owl-prev {
		left: calc(50% - 35px);
	}
	.home-bigfiles-list .owl-nav button.owl-next {
		right: calc(50% - 35px);
	}
	.home-bigfiles .owl-dots {
		display: none;
	}
	
/* Kiosque */
.frame-home-kiosque {
    background-color: var(--grey-light);
}
	.frame-home-kiosque .home-news-list {
	    flex-wrap: nowrap;
	    padding: 0 calc((100vw - 250px) / 2) 15px; /* Pour voir 1er élément centré et 2ème élément sur la droite sur mobile */
	    overflow: auto hidden;
	}
		.home-news-list .kiosque-item {
    		padding: 0 20px;
    		max-width: 250px;
		}
			.kiosque-item .link {
				display: flex;
				align-items: center;
				flex-direction: column;
				color: var(--dark);
				font-size: 1.125em;
				text-decoration: none;
			}
				.kiosque-item .picture {
					border-radius: 0;
					margin-bottom: 15px;
					aspect-ratio: 3 / 4;
					overflow: hidden;
				}
					.kiosque-item .picture .img-fluid {
						transition: transform .3s;
					}
					.kiosque-item a:is(:hover) .picture .img-fluid {
					    transform: scale(1.1);
					}
				.kiosque-item .kiosque-title {
					font-size: 1.125em;
					line-height: 1;
					text-align: center;
				}
	.frame-home-kiosque .home-news-btn {
		background-color: #fff;
	}
	.frame-home-kiosque .home-news-btn:is(:focus,:hover,:active) {
	    background-color: var(--client);
	    color: #fff;
	}

/* Sur les réseaux */
.home-networks .networks-item {
	display: flex;
	flex-direction: column;
}
.home-networks .networks-item:nth-child(2), 
.home-networks .networks-item:nth-child(3), 
.home-networks .networks-item:nth-child(4) {
    display: none;
}
	.home-networks .list-item-figure,
	.home-mediatheque .list-item-figure {
		position: relative;
	}
		.home-networks .networks-icon,
		.home-mediatheque .networks-icon {
		    position: absolute;
		    right: 15px;
		    top: 15px;
		    border-radius: 20px;
		    height: 40px;
		    width: 40px;
		    background-color: #000;
		    color: #fff;
		}
			.home-networks .fa-facebook-f {
				background-color: #3b5998;
			}
			.home-networks .fa-twitter {
				background-color: #00acee;
			}
			.home-networks .fa-instagram {
				background: #d6249f;
				background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
			}
			.home-networks .fa-youtube {
				background-color: #ff0000;
			}
	.home-networks .networks-caption .networks-title {
		font-size: 1em;
		line-height: 1.5;
	}
	.networks-caption .network-title-overflow {
	    overflow: hidden;
	    height: 75px;
	}
	.networks-caption .networks-date {
		color: var(--dark-light);
		font-size: .875em;
	}

/* À découvrir */
.home-mediatheque .home-mediatheque-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 10px;
	grid-row-gap: 10px;
}
	.home-mediatheque .mediatheque-item-1 {
		grid-area: 1 / 1 / 2 / 2;
	}
	.home-mediatheque .mediatheque-item-2 {
		grid-area: 1 / 2 / 2 / 3;
	}
	.home-mediatheque .mediatheque-item-3 {
		grid-area: 2 / 1 / 3 / 2;
	}
	.home-mediatheque .mediatheque-item-4 {
		grid-area: 2 / 2 / 3 / 3;
	}
		.home-mediatheque .list-item-figure {
			height: 100%;
			margin: 0;
			width: 100%;
		}
			.home-mediatheque .picture {
				aspect-ratio: 46 / 30;
			}
				.home-mediatheque .networks-icon {
				    right: 10px;
				    top: 10px;
				    height: 30px;
				    width: 30px;
				    font-size: 13px;
				}
				.home-mediatheque .fa-instagram {
					background: #d6249f;
					background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
				}
				.home-mediatheque .fa-youtube {
					background-color: #f00;
				}


/* 07 = PAGE INTERNE */
/* Flash info */
.site-main .frame-flash-info {
	position: relative;
	top: 0;
	right: 0;
	left: 0;
}
/* Page header */
.site-main .page-header {
	padding-bottom: 30px;
}
	.page-header .header-left {
		height: 246px;
		padding: 0;
	}
		.header-left .header-picture {
		    display: flex;
		    height: 100%;
		    margin: 0;
		    width: 100%;
		    overflow: hidden;
		}
			.header-left .header-image {
			    height: 100%;
			    width: 100%;
			    object-fit: cover;
			}
	.page-header .header-right {
	    display: flex;
	    align-items: center;
	    flex-direction: column;
	    justify-content: center;
	    margin-top: 25px;
	    padding: 0 30px;
		text-align: center;
	}
	.page-header .header-center {
		padding: 0;
	}
		.header-right .page-title {
			margin-bottom: 15px;
			color: var(--client);
			font-size: 2.25em;
		}
		.header-center .page-title {
			padding: 0;
		}
		.header-right .subtitle {
			margin-bottom: 15px;
			color: var(--dark-2);
			font-size: 1.250em;
			line-height: 1.5;
		}
		.header-right .last-update {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			color: var(--dark-light);
			font-size: .813em;
		}
			.last-update .site-tools {
				color: var(--dark-2);
			}
				.last-update .rond {
					position: relative;
					top: -1px;
					display: inline-flex;
					justify-content: center;
					width: 16px;
					font-size: 7px;
				}
/* Surcharges Bootstrap */
.rte-content .frame-bloc {
	padding-top: var(--frame-spacing);
    padding-bottom: var(--frame-spacing);
	--frame-spacing: var(--frame-spacing-xs);
}

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

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

.rte-content a {

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

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

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

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

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

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

.rte-content .gallery-item {
    justify-content: center;
}
	.rte-content .gallery-item .lightbox picture {
		overflow: hidden;
	}
		.rte-content .gallery-item .lightbox img {
			transition: .6s ease;
		}
		.rte-content .gallery-item .lightbox:is(:focus, :hover, :active) img {
			transform: scale(1.15);
		}
			.rte-content .gallery-item .figure {
				width: 100%;
			}
/* Emplois */
.files-list-gallery .gallery-list-jobs {
	gap: 0 30px;
}
	.files-list-gallery .gallery-list-jobs .gallery-item {
	    display: flex;
	    flex-direction: column;
	    gap: 10px;
	    border: 5px solid var(--client);
	    padding: 10px;
	}
		.gallery-list-jobs .gallery-item .gallery-artifica-picture {
			border-radius: 0;
		}
		.gallery-list-jobs .jobs-link {
			font-weight: 700;
		}

.rte-content ul:not(.list-unstyled), 
.rte-content ol:not(.list-unstyled) {
    padding-left: 30px;
}
.rte-content ul,
.rte-content ol {
	font-size: 1.125em;
	line-height: 1.556;
}
	.rte-content ul ul,
	.rte-content ul ol,
	.rte-content ol ul,
	.rte-content ol ol,
	.rte-content ul:not(.list-unstyled) ul,
	.rte-content ol:not(.list-unstyled) ol,
	.rte-content ol:not(.list-unstyled) ul,
	.rte-content ol:not(.list-unstyled) ol,
	.rte-content ul ul:not(.list-unstyled),
	.rte-content ol ol:not(.list-unstyled),
	.rte-content ol ul:not(.list-unstyled),
	.rte-content ol ol:not(.list-unstyled),
	.rte-content ul:not(.list-unstyled) ul:not(.list-unstyled),
	.rte-content ol:not(.list-unstyled) ol:not(.list-unstyled),
	.rte-content ol:not(.list-unstyled) ul:not(.list-unstyled),
	.rte-content ol:not(.list-unstyled) ol:not(.list-unstyled) {
		margin-bottom: 0;
		font-size: 1em;
	}
.rte-content ul {
	list-style: none;
}
	.rte-content ul li,
	.rte-content ol li {
		position: relative;
		margin-bottom: 10px;
	}
		.rte-content ul li::before {
			position: absolute;
			left: -27px;
			top: 15px;
			content: '';
			border-radius: 5px;
			height: 7px;
			width: 7px;
			background-color: #e73d43;
		}
/* Lettrine */
.rte-content p.lettrine::first-letter {
    margin: 5px 5px 0 -5px;
    width: 50px;
    color: var(--client);
    font-size: 3.5em;
    line-height: 50px;
    float: left;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Barre de progrès */
.rte-content .progress {
    margin-bottom: 1em;
}
/* page simplifiée */
.pagesimplifiee .site-header .logo {
    margin: 0 auto;
}
/* Liste de liens + boutons (gabarit Records_Links_Default.html) */
.rte-content .links-list-default {
    border: 1px solid var(--grey-light-2);
    border-radius: 12px;
    padding: 30px;
}

/* Courousel media => owl-carousel */
.carousel-site .owl-item .carousel-content-inner {
    display: flex;
    flex-direction: column-reverse;
    background-color: var(--grey-light-2);
}
	.carousel-site .owl-item .item {
		border-radius: 10px;
		overflow: hidden;
	}
		.carousel-site .owl-item .item a {
			text-decoration: none;
		}
		.carousel-site .owl-item .item a:is(:focus-visible,:focus,:hover,:active) {
			text-decoration: underline;
		}
		.carousel-site .owl-item .item a:focus-visible {
			box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .15);
		}
			.carousel-site .owl-item .item .carousel-text {
			    padding: 15px;
			    font-size: 1.25em;
			}
			.carousel-site .owl-item .item .carousel-text * {
				margin-bottom: 0;
				font-size: 1em;
	    		line-height: 1.5;
			}
/* Navigation */
.carousel-site .owl-nav.disabled,
.carousel-site .owl-dots.disabled {
	display: block;
	pointer-events: auto;/* Important ! */
}
.carousel-site .owl-nav {
    /*position: absolute;
    top: 0;*/
}
	.carousel-site .owl-nav button:is(.owl-prev,.owl-next) {
    	top: calc(50% - 15px);
    	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .15);
	}
	.carousel-site .owl-nav button:is(.owl-prev,.owl-next):focus-visible {
    	box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
	}
	.carousel-site .owl-nav button.owl-prev {
		left: -40px;
	}
	.carousel-site .owl-nav button.owl-next {
		right: -40px;
	}
.carousel-site .owl-dots {
    display: flex;
    gap: 12px;
    justify-content: center;
    margin-top: 20px;
}
	.carousel-site .owl-dots .owl-dot {
	    border: 1px solid var(--client);
	    border-radius: 50%;
	    height: 12px;
	    width: 12px;
	}
	.carousel-site .owl-dots .owl-dot.active {
		background-color: var(--client);
	}






/* 08 = ACTUALITÉS */
/* Entête page */
.page-header .category {
	display: block;
	font-size: 1.125em;
}
.container .container {/* Correctif pge de liste */
	padding: 0;
}
/*.extension-actualites .page-header .last-update {
	display: none;
}*/
.backendlayout-page1colonne:is(.extension-actualites, .extension-agenda, .extension-ressources, .extension-annuaire, .extension-kiosque, .extension-recherche, .extension-compte, .babysit):not(.layout-single) .col-lg-8.offset-lg-2 {
	margin: 0;
	width: 100%;
}
/* Filtres */
.news-filters .filters-select {/* Filtres Ville recrute */
	margin-bottom: 40px;
}
/* Filtres default */
.news-categories .filters-label {
	margin: 0 0 20px;
	padding: 0;
	color: #333;
}
.news-categories .filters-label {
	cursor: pointer;
}
	.news-categories .filters-label .fa-chevron-down {
		margin-left: 10px;
		transition: transform .3s;
	}
	.open .filters-label .fa-chevron-down {
		transform: rotate(-180deg);
	}
.rte-content .news-filters .news-categories {/* Surcharge filtres agenda */
	margin: 0;
	padding: 0;
	width: 100%;
}
	.news-categories .news-categories-list {
		display: none;
		flex-wrap: wrap;
		margin-bottom: 40px;
		font-size: 1em;
	}
	.open .news-categories-list {
		display: flex;
	}
		.rte-content .news-categories-list li::before {
			display: none;
		}
		.news-categories-list .news-categories-link {
			border: 1px solid #ddd;
			border-radius: 20px;
			height: 36px;
			margin-right: 10px;
			padding: 0 15px;
			color: #333;
			font-size: .875em;
			text-decoration: none;
			transition: all .3s;
		}
		.news-categories-list .news-categories-link:is(:focus,:hover,:active) {
			border-color: var(--client);
			background-color: transparent;
			color: var(--client);
		}
		.news-categories-list .selected .news-categories-link {
			border-color: var(--grey-light-2);
			background-color: var(--grey-light-2);
		}

}
/* Emplois */
.site-main .recrute-filters {
	margin-bottom: 20px;
}
	.recrute-filters .filters-select,
	.recrute-filters .filters-themes {
		margin-bottom: 20px;
	}	
/* Liste */
/*.news-item .card {
	border: 0;
	background-color: transparent;
}
	.news-link .card-img-top {
		border-radius: 0;
	}
	.news-item .card-body {
		padding: 20px 0;
	}
		.news-item .card-title {
			margin-bottom: 10px;
			font-size: 1.5em;
		}
		.news-list .card-title::after,
		.events-list .card-title::after {
			content: unset;
		}*/
/* Liste page */
body:not(.backendlayout-accueil) .home-news-list .home-news-item {
	margin-bottom: 2em;
}
.news-list-page .page-news-btn {
    position: relative;
    top: -70px;
    margin: 0 0 -40px auto;
}
/* Single */
/* Header */
.news.layout-single .page-header .last-update {
	display: flex;
}
	.last-update .text,
	.last-update .rond {
		/*display: none; Pourquoi ? */
	}

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

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

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


/* 09 = AGENDA */
/* Filtres */
.criteria-total {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
	.criteria .btn-primary {
		border: 0;
	}
		.criteria .btn-primary .fa-times {
		    margin-left: 10px;
		}
/* Liste */
.home-events-list .home-events-item {
	margin-bottom: 30px;
}
/* PageHeader */
.extension-agenda .site-main .page-header-events,
.extension-actualites .site-main .page-header-events {
	position: relative;
	margin-bottom: 30px;
	padding: 0 15px;
    max-width: inherit;
    background-color: var(--client);
    color: #fff;
}
	.extension-agenda .site-main .page-header-events::before,
	.extension-actualites .site-main .page-header-events::before {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		top: 0;
		z-index: 1;
		content: '';
		background-color: rgba(0,0,0,.3);
	}
	.page-header-events > .row {
	    position: relative;
	    z-index: 2;
	}
	.page-header-events > .row > .container {
		padding: 0 15px;
	}
		/* Breadcrumb */
		.page-header-events .container .breadcrumb,
		.page-header-events .breadcrumb .link,
		.page-header-events .breadcrumb .separator {
			color: #fff;
		}
		.page-header-events .breadcrumb .link:is(:focus, :hover, :active) {
			color: #fff;
		}
		/* Titre */
		.page-header-events .header-right {
			margin: 0;
			padding: 60px 15px 85px;
		}
			.page-header-events .header-right .page-title {
				margin: 0;
				color: #fff;
			}

/* Filtres */
.extension-agenda .col-lg-8.offset-lg-2 .container-events {
	padding: 0;
}
	.site-main .filters {

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

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

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

					/* Submit */
					.filters .submit .btn-submit {
						border: 1px solid var(--client);
						background-color: var(--client);
						color: #fff;
						font-weight: unset;
						text-transform: none;
					}
					.filters .submit .btn-submit:is(:focus, :hover, :active) {
						border-color: #ddd;
						background-color: var(--light-pink);					
						color: #000;
					}
					.criteria-total .form-group.submit .btn-reset {
						border-color: transparent;
						box-shadow: none;
						padding: 0;
						color: var(--dark-light);
						background-color: transparent;
						font-weight: unset;
						text-transform: none;
					}
					.criteria-total .form-group.submit .btn-reset:is(:focus, :hover, :active) {
						text-decoration: underline;
					}
					/* Dates arrêtés */
					.arretes-list .filters .date .filter .form-control {
					    display: flex;
					    align-items: center;
					    padding: 0 60px 0 20px;
					    background-image: url(../Img/SVG/chevron_down.svg), url(../Img/SVG/rond-blanc.svg);
					    background-position: top 17px right 18px, top 10px right 10px;
					    background-repeat: no-repeat, no-repeat;
					    background-size: 13px 14px, 30px 30px;
					}
					.arretes-list .filters .date .filter .form-control:focus {
					    box-shadow: none;
					    outline: none;
					    background-image: url(../Img/SVG/chevron_up.svg), url(../Img/SVG/rond-blanc.svg);
					}
						.arretes-list .filters .date .filter .form-control::after {
							display: none;
						}
						.arretes-list .filters .date .calendar-receive-close {
							position: absolute;
							right: 10px;
							display: flex;
							align-items: center;
							justify-content: center;
							border-radius: 50%;
							height: 30px;
							width: 30px;
							background-color: #fff;
							color: var(--client);
						}
					/* Rechercher */
					.filters .form-group:last-child {
						position: relative;
						margin: 0 20px 10px 0;
					}
						.sword .fa-magnifying-glass {
							position: absolute;
							bottom: 9px;
							right: 8px;
							display: flex;
							align-items: center;
							justify-content: center;
							border: 0;
							border-radius: 50%;
							height: 32px;
							padding: 0;
							width: 32px;
							background-color: var(--client);
							color: #fff;
						}

/* Critères */
.totalresults .colored {
	background-color: transparent;
	font-family: 'PlusJakartaSans-Bold',sans-serif;
	color: var(--red);
}

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

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

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

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


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

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

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

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

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

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

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

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

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

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


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

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


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

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


/* 13 = VIDÉOTHÈQUE */
.section-playlists .home-events-item .home-events-caption .events-item-title {
    font-size: 1em;
}


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

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


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


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


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

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


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

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

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

.form-group .comments {
	margin: 0 0 2em;
	background-color: var(--client-light);
}

/* FranceConnect */
.form-connect.form-horizontal .btn-default {
    margin-top: 20px;
}

/* Prise de RDV */
/* Connexion */
.babysit .page-body > .row {

}
	.babysit.page2colonnes .page-body .col-left,
	.babysit.page2colonnes .page-body .col-right {
		width: 100%;
	}
		.babysit .page-body > .row form:not(.form-horizontal) label {
		    display: flex;
		    flex-direction: column;
		    gap: 0.5rem;
		    margin-bottom: 1rem;
		}
			.babysit .page-body > .row form input {
				border: 1px solid #ced4da;
				border-radius: 0.25rem;
				min-height: 40px;
		    	padding: .375rem .75rem;
				width: 100%;
				line-height: 1.2;
				appearance: none;
				transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
			}
			.babysit .page-body > .row form .checkbox input {
				min-height: inherit;
				height: 20px;
				width: 25px;
				padding: 0;
				margin: 0 10px 0 0;
				appearance: auto;
			}
			.babysit .page-body > .row form input:-webkit-autofill {
				-webkit-box-shadow: 0 0 0px 1000px white inset;
			}
		.babysit .page-body > .row form input[type="submit"] {
			padding: 0 15px;
			display: flex;
			align-items: center;
			justify-content: center;
			border: 1px solid #ddd;
			border-radius: 20px;
			height: 40px;
			margin: 0 auto 30px;
			width: fit-content;
			background-color: #fff;
			color: var(--client);
			font-size: 1.125em;
			text-decoration: none;
			text-transform: none;
			box-shadow: none;
			transition: all .3s;
		}
		.babysit .page-body > .row form input[type="submit"]:is(:focus,:hover,:active) {
		    border-color: var(--client);
		    background-color: var(--client);
		    color: #fff;
		}
		.babysit .frame .frame {
			padding: 0;
		}
			.babysit .col-right h2 {
			    display: block;
			    margin-bottom: 20px;
			    color: var(--client);
			    font-size: 1.625em;
			    line-height: 1.385;
			}
			.babysit .page-body > .row .col-right .form-horizontal .input-group.row {
				flex-direction: row;
			}
				.babysit .page-body > .row .col-right .form-horizontal label {
					display: block;
					margin-bottom: 0.5rem;
				}
				.babysit .page-body > .row .col-right .form-horizontal input {
					width: calc(100% - 40px);
				}
				.babysit .page-body > .row .col-right .form-horizontal .captcha label {
					display: flex;
				}
				.babysit .page-body > .row .col-right .form-horizontal .captcha input {
					height: auto;
					min-height: auto;
				}
			.babysit .col-right .form-horizontal .obligatoires {
				color: red;
			}
	.frame-prise-rdv p.text-center {
		width: 100%;
	}

/* Babysit'dating */
.babysit .frame-prise-rdv {
	margin: 0;
}
	.frame-prise-rdv .frame-prise-rdv {
		margin: 0;
	}
		.patchclient-schedule .card-header {
			padding: 0;
		}
			.patchclient-schedule .accordions-header:last-child {
				display: flex;
				margin: 0;
				padding: 0;
			}
				.patchclient-schedule .patchclient-schedule-item-button {
					border: 0;
					color: var(--client);
		    		box-shadow: none;
		    		cursor: text;
					text-decoration: none;
				}
.accordions-mobile .accordion .card-body {
	display: flex;
    flex-direction: column;
    gap: 10px;
	padding: 10px;
}
	.frame-prise-rdv .accordions-mobile .accordion .card-body .flex-dir-col {
		margin: 0;
		padding: 5px 10px;
		background-color: var(--client-light);
		color: var(--client);
		cursor: pointer;
		text-decoration: none;		
	}
	.frame-prise-rdv .accordions-mobile .accordion .card-body a.active, 
	.frame-prise-rdv .has-error .accordions-mobile .accordion .card-body .flex-dir-col.active {
		background-color: var(--client);
	}
		.frame-prise-rdv .accordions-mobile .accordion .card-body .flex-dir-col .places {
			color: inherit;
		}
.frame-prise-rdv .alert-success {
    border-color: #ceeace;
    background-color: #def1de;
    color: #376e37;
}
	.frame-prise-rdv .alert-success .fa-check {
		display: inline-block;
		margin: 4px 10px 0 0;
	}
	.frame-prise-rdv .alert-success p {
		margin: 0 0 20px;
		font-size: 1.125em;
	}
	.frame-prise-rdv .alert-success p.text{
		font-size: 1.125em;
	}
		.frame-prise-rdv .alert-success p.text span {
			display: none;
		}
.frame-prise-rdv .prise-rdv p button[type='button'] {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--client);
    border-radius: 25px;
    margin: 0 auto 30px;
    padding: 9px 20px;
    min-height: 40px;
    width: fit-content;
    max-width: 100%;
    background-color: #fff;
    color: var(--client);
    line-height: 1.2;
    text-decoration: none;
    transition: .3s ease;
}
.rte-content .frame-prise-rdv p {
	display: block;
    margin: 0 0 2em;
	text-align: left;
}
	.frame-prise-rdv .prise-rdv p button[type='button']:is(:focus,:hover,:active) {
	    border: 1px solid var(--client);
	    background-color: var(--client);
	    color: #fff;
	}
/* Colonne droite + liseret */
.babysit .col-right #c4946 .frame-inner {
	border: 1px solid var(--grey-light-2);
	border-radius: 12px;
	padding: 30px;
}
	.babysit .page-body > .row .col-right input[value="Déconnexion"] {
		margin: 1em auto 0;
	}


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

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

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

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


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

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

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


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

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


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


/* 29 = PRINT */
@media print {

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

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

	.page-header .container {
		padding-bottom: 0;
	}
	.accordion .accordion-title .accordion-title-link {
		margin-bottom: 15pt;
		padding: 0;
	}
	.accordion-collapse.collapse:not(.show), .accordion-collapse.show {
		display: block;
	}
	.accordion-content-right .accordion-content-item *:last-child, 
	.accordion-content-left .accordion-content-item *:last-child {
		margin-bottom: 10pt;
	}
	/* Chiffres clés */
	.icongroup.frame-background-white .icongroup-item {
		width: auto;
	}

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

	/* ACCUEIL */


	/* FOOTER */

	/* ACTUALITE */
	/* liste */

	/* single */

	/* AGENDA */
	/* liste */

	/* single */

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

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

	/* KIOSQUE */


	/* SOMMAIRE */

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

}


/* 30 = FRANCE CONNECT */
.fr-connect {
    /*--idle: transparent;
    --hover: #1212ff;
    --active: #2323ff;*/
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    border: 0;
    height: 3.5rem;
    padding: 0.25rem 0.75rem 0.25rem 4rem;
    background-color: #000091;
    color: #f5f5fe;
}
.fr-connect:is(:focus,:hover,:active) {
    background-color: #1212ff;
}
	.fr-connect:before {
	    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 48'%3E%3Cpath fill='%232a2f82' d='M34.965 15.1 19.971 6.423 4.977 15.184a.606.606 0 0 0-.306.524v16.948a.666.666 0 0 0 .306.524l14.992 8.6 14.994-8.706a.665.665 0 0 0 .306-.524V15.628a.605.605 0 0 0-.304-.528Z'/%3E%3Cpath fill='%23df1f26' d='m14.614 15.6-5.029 8.628-4.557-9.175 5.39-3.113 4.489 3.16ZM35.27 32.58V15.622a.6.6 0 0 0-.306-.523L19.971 6.423'/%3E%3Cpath fill='%232e65b0' d='m4.673 32.58 15.3-26.157v35.362L4.977 33.18a.666.666 0 0 1-.306-.524V15.708Zm24.669-20.735L34.8 15l-4.489 9.15-5.387-9.236Z'/%3E%3Cpath fill='%23fff' d='m39.606 12.305-19.19-11.02a.933.933 0 0 0-.832 0L.394 12.305A.886.886 0 0 0 0 13v22a.886.886 0 0 0 .394.7l19.189 11.02a.933.933 0 0 0 .832 0L39.606 35.7A.886.886 0 0 0 40 35V13a.886.886 0 0 0-.394-.695ZM10.762 30.061h.079c-.042 0-.079.007-.079.05 0 .1.151 0 .2.1a.912.912 0 0 0-.629.276c0 .051.1.051.151.051-.075.1-.226.05-.277.151a.177.177 0 0 0 .1.05c-.05 0-.1 0-.1.051v.151c-.126 0-.176.1-.277.151.2.151.327 0 .528 0-.528.2-.956.478-1.484.629-.1 0 0 .151-.1.151.151.1.227-.05.377-.05-.654.377-1.333.7-2.037 1.132a.351.351 0 0 0-.1.2h-.2c-.1.05-.05.176-.151.277.226.151.5-.2.654 0 .05 0-.1.05-.2.05-.05 0-.05.1-.1.1h-.154c-.1.075-.2.126-.2.276a.219.219 0 0 0-.226.1 9.034 9.034 0 0 0 3.144-.578 7.685 7.685 0 0 0 2.088-1.559.176.176 0 0 1 .05.1 2.168 2.168 0 0 1-.806 1.08c-.277.151-.478.377-.7.478a4.045 4.045 0 0 0-.428.276 10.761 10.761 0 0 1-1.939.412l-.305.044c-.225.033-.449.069-.671.108L4.977 33.18a.648.648 0 0 1-.288-.411.574.574 0 0 0 .094-.063.265.265 0 0 0-.113-.071v-.65a12.786 12.786 0 0 0 3.038-.942A8.746 8.746 0 0 0 4.671 29.7v-1.515a11.662 11.662 0 0 1 1.639.392 6.415 6.415 0 0 1 1.182.578 3.113 3.113 0 0 0 .478.377.91.91 0 0 0 .8.05h.33a3.961 3.961 0 0 0 1.937-.905c0 .05.05.05.1.05a3.63 3.63 0 0 1-.428 1.132c.003.051-.048.152.053.202Zm2.817 3.571c.251-.1.4-.277.629-.377-.05.05-.05.151-.1.2a3.691 3.691 0 0 0-.528.4 15.96 15.96 0 0 0-1.585 1.61c-.252.3-.528.578-.8.855a2.385 2.385 0 0 1-.31.245l-2.527-1.45a4.047 4.047 0 0 0 1.076-.053 4.984 4.984 0 0 0 .855-.327v.1c.7-.277 1.232-.906 1.937-1.132.025 0 .126.1.226.05a1.883 1.883 0 0 1 1.509-.7c0 .05 0 .1.05.1h.025c-.151.126-.327.251-.5.377-.057.052-.007.102.043.102Zm-8.908-6.164v-.186a5.814 5.814 0 0 1 1.588-.188 1.52 1.52 0 0 1 .478 0 5.861 5.861 0 0 0-2.066.374Zm30.6 5.088a.665.665 0 0 1-.306.524l-10.079 5.851a32.3 32.3 0 0 1-3.408-1.185 2.826 2.826 0 0 1-.05-2.245 3.794 3.794 0 0 1 .352-.883c.025-.025.05-.05.05-.076a.025.025 0 0 0 .025-.025 4.316 4.316 0 0 1 .377-.555l.015-.015.02-.021.015-.015c0-.025.025-.05.05-.076.025-.051.075-.076.1-.126a3.771 3.771 0 0 1 .579-.5 4.07 4.07 0 0 1 .654-.177 19.817 19.817 0 0 1 2.415.328.751.751 0 0 1 .277.1 1.849 1.849 0 0 0 .905-.05 1.137 1.137 0 0 0 .855-.706 1.212 1.212 0 0 0 .05-1.059c-.178-.276-.013-.437.181-.59l.068-.055a1.17 1.17 0 0 0 .231-.216c.126-.252-.1-.4-.151-.63-.05-.1-.226-.05-.327-.2.352-.151.855-.429.629-.857-.151-.227-.377-.63-.1-.857.352-.2.855-.151 1.006-.479a1.138 1.138 0 0 0-.292-1.085l-.075-.108a4.754 4.754 0 0 1-.211-.32 6.914 6.914 0 0 0-.528-.757 4.3 4.3 0 0 1-.528-1.009c-.151-.378.05-.706.05-1.084a6.347 6.347 0 0 0-.327-2.144c-.126-.353-.176-.731-.327-1.059a1.12 1.12 0 0 0-.226-.58.375.375 0 0 1 0-.328 4.874 4.874 0 0 0 .579-.479.567.567 0 0 0-.2-.706c-.327-.151-.3.328-.528.429h-.151c-.05-.126.05-.177.151-.277 0-.05 0-.151-.05-.151-.2 0-.377-.051-.428-.151a3.957 3.957 0 0 0-1.861-1.286 2.319 2.319 0 0 0 .579.1 1.67 1.67 0 0 0 1.006-.1c.227-.076.277-.479.377-.706a.8.8 0 0 0-.151-.631 2.189 2.189 0 0 0-.906-.756 9.13 9.13 0 0 1-.679-.353.952.952 0 0 0-.251-.126c-2.965-1.485-9.069-.2-9.534 0h-.009a8.244 8.244 0 0 0-1.249.475 3.922 3.922 0 0 0-2.365 2.465 3.829 3.829 0 0 0-1.333 1.509c-.428.8-1.056 1.509-.956 2.414.1.78.277 1.484.428 2.289a4.668 4.668 0 0 0 .2.8c.1.276 0 .629.151.855.075.151.025.327.227.428v.2c.05.05.05.1.151.1v.2a6.446 6.446 0 0 1 1.107 1.434c.1.276-.478.151-.7.05a5.979 5.979 0 0 1-1.132-.956.175.175 0 0 0-.051.1c.2.352.906.78.528 1.006-.2.1-.428-.151-.629.051-.05.075 0 .176 0 .276-.277-.2-.578-.1-.855-.2-.2-.05-.252-.427-.478-.427a15.162 15.162 0 0 0-1.811-.327 15.137 15.137 0 0 0-1.739-.159V15.708a.606.606 0 0 1 .306-.524l14.987-8.761L34.965 15.1a.605.605 0 0 1 .306.524Zm-7.954-8.261a.325.325 0 0 1-.282.149 2.843 2.843 0 0 0-.282.273c.1 0 0 .149.1.149-.205.223.077.694-.205.793a2.176 2.176 0 0 1-1.127 0 .722.722 0 0 1 .167-.016h.085a.382.382 0 0 0 .337-.132v-.2c0-.05-.051-.05-.1-.05a.161.161 0 0 1-.1.05.223.223 0 0 0-.154-.2.807.807 0 0 1-.718-.273.67.67 0 0 1 .436-.05c.128 0 .077-.223.231-.322h.154c.307-.372.871-.471.974-.843 0-.1-.282-.1-.487-.149a2.259 2.259 0 0 0-.82.05 4.65 4.65 0 0 0-1.051.273 3.225 3.225 0 0 1 .923-.471 3.886 3.886 0 0 1 .718-.2l.132-.026.133-.027a.971.971 0 0 1 .556 0c.231.1.615.1.666.248.1.273-.154.545-.435.744-.057.081.148.135.148.23Z'/%3E%3C/svg%3E");
	    background-position: 50% 50%;
	    background-repeat: no-repeat;
	    background-size: 2.5rem 3rem;
	    bottom: 0.25rem;
	    content: "";
	    display: block;
	    height: 3rem;
	    left: 0.75rem;
	    position: absolute;
	    top: 0.25rem;
	    width: 2.5rem;
	}
	.fr-connect__brand, 
	.fr-connect__login {
	    line-height: 1;
	    z-index: 1;
	}
	.fr-connect__login {
	    font-size: 17px;
	    height: 17px;
	}
	.fr-connect__brand {
	    font-size: 18px;
	    font-weight: 700;
	    height: 18px;
	}
	.fc-explanation-text p {
	    color: #666;
	    font-size: 1em;
	    /*font-size: .75rem;
	    line-height: 1.25rem;*/
	}
	.fc-explanation-text p a {
	    color: #000091;
	    font-size: .875rem;
	    line-height: 1.5rem;
	}
		.fc-explanation-text p a[target="_blank"]::after {
			position: relative;
    		top: 2px;	    
		    background-color: currentColor;
		    content: '';
		    display: inline-block;
		    flex: 0 0 auto;
		    height: 1rem;
		    margin-left: 0.25rem;
		    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTEwIDZ2Mkg1djExaDExdi01aDJ2NmExIDEgMCAwMS0xIDFINGExIDEgMCAwMS0xLTFWN2ExIDEgMCAwMTEtMWg2em0xMS0zdjhoLTJWNi40MTNsLTcuNzkzIDcuNzk0LTEuNDE0LTEuNDE0TDE3LjU4NSA1SDEzVjNoOHoiLz48L3N2Zz4=);
		    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTEwIDZ2Mkg1djExaDExdi01aDJ2NmExIDEgMCAwMS0xIDFINGExIDEgMCAwMS0xLTFWN2ExIDEgMCAwMTEtMWg2em0xMS0zdjhoLTJWNi40MTNsLTcuNzkzIDcuNzk0LTEuNDE0LTEuNDE0TDE3LjU4NSA1SDEzVjNoOHoiLz48L3N2Zz4=);
		    -webkit-mask-size: 100% 100%;
		    mask-size: 100% 100%;
		    vertical-align: calc(0.375em - var(1rem)*0.5);
		    width: 1rem;
		}

/* 31 - ELECTIONS */
.ville-election {
    font-size: .875rem;
}
	.ville-election .table a {
		text-decoration: none;
	}
/* Tabulations */
.page1colonne .ville-election .nav-tabs {
    border: 0;
    margin: 0;
    padding-left: 0px;
}
    .page1colonne .ville-election .nav-tabs li {
        padding: 0;
        background-color: var(--fourth);
    }
    .ville-election .nav-tabs > li:first-child {
    	border-top-left-radius: 20px;
    }
    .ville-election .nav-tabs > li:last-child {
    	border-top-right-radius: 20px;
    }
    .page1colonne .ville-election .nav-tabs li + li {
        margin-top: 0;
    }
        .page1colonne .ville-election .nav-tabs li::before {
            display: none;
        }
            .ville-election .nav-tabs > li {
                margin-bottom: 0;
            }
                .ville-election .nav-tabs > li > button {
                    border: 1px solid var(--client);
                    border-bottom: 0;
                    /*min-width: 250px;*/
                    padding: 15px 20px;
                    font-size: 1.125em/*24px*/;
                    margin: 0;
                    text-decoration: none;
                }
                .ville-election .nav-tabs > li:first-child > button {
                	border-top-left-radius: 20px;
                }
                .ville-election .nav-tabs > li:last-child > button {
                	border-top-right-radius: 20px;
                }
                .ville-election .nav-tabs > li > button.active,
                .ville-election .nav-tabs > li > button.active:is(:focus-visible,:focus,:hover,:active) {
                    background-color: var(--client)/*var(--vert)*/;
                    border: 0;
                    border-top: 1px solid var(--client)/*var(--vert)*/;
                    margin: 0;
                    color: #fff;                
                }
                    .ville-election .nav-tabs button .icon {
                        /*position: relative;
                        top: 5px;*/
                        display: inline-flex;
                        height: 30px;
                        /*margin-right: 5px;*/
                        width: 30px;
                        /*background-position: center center;
                        background-repeat: no-repeat;*/
                    }
                    .ville-election .nav-tabs button .icon-participation::before {
                    	content: '\f733';
                        /*background-image: url("../Img/ic_paticipation-noir.svg");*/
                    }
                    .ville-election button.active .icon-participation {
                        /*background-image: url("../Img/ic_paticipation-blc.svg");*/
                    }
                    .ville-election .nav-tabs button .icon-resultats::before {
                    	content: '\f560';
                        /*background-image: url("../Img/ic_resultats-noir.svg");*/
                    }
                    .ville-election button.active .icon-resultats {
                        /*background-image: url("../Img/ic_resultats-blc.svg");*/
                    }
                    .ville-election .nav-tabs button .icon-candidats::before {
                    	content: '\f007';
                    }
                    .ville-election .table {
					    /*border: 0;*//* Si on veut des bordures rondes */
					    border: 1px solid var(--client);
					    /*border-radius: 0 20px 20px 20px;*//* Si on veut des bordures rondes */
					    overflow: hidden;
                    }
                        .table.table-resultats > thead > tr > th {
                            padding: 8px;
                            line-height: 1;
                        }
                        .table > thead > tr > th {
                        	padding: .8rem .5rem;
                            font-weight: normal;
                        }
                        .table.table-resultats tr td {
                            font-weight: bold;
                        }
                            .table-resultats .graphic-election .bar-flex {
                                align-items: center;
                                width: 500px;
                            }
                                .table-resultats .graphic-election .progress {
                                    margin-right: 10px;
                                    width: 100%;
                                    background-color: #d1d1d1;
                                    border-radius: 10px;
                                    box-shadow: none;
                                }
                                .table-resultats .graphic-election .taux {
                                	min-width: 60px;
                                    /*font-weight: bold;*/
                                    white-space: nowrap;
                                }

/* 1ère tabulation */
.ville-election table {
    border: 1px solid #999;
    border-top: 0;
}

.ville-election thead {}
.ville-election th, .ville-election td {
    height: 60px;
    vertical-align: middle !important;
    border: 0 !important;
}
.ville-election th {
    white-space: normal;
}

.ville-election .table > thead > tr {
	background-color: var(--client)/*var(--vert)*/;
}

.ville-election .table > thead > tr > th {
	padding: 8px;
    line-height: 1;    
}
.ville-election .first-col {
    /*white-space: nowrap;*/
    max-width: 280px; 
}
.ville-election tbody tr:first-of-type {
	/*border-top: 1px solid #999;
	border-bottom: 1px solid #666;*/
}
.ville-election tbody tr:first-of-type .first-col {
    /*text-transform: uppercase;*/
}
.ville-election .table tbody tr td.circonscription {
    background-color: #f5e6c9;
}

.ville-election .table tbody tr.election-votescounted  :is(th, td) {
	font-weight: bold;
}

tbody button {
 transition: all 300ms;  
 font-size: 0.875rem;
 font-weight: bold;
 padding: 0;
 background-color: transparent;
 color: #0277bd;
}
tbody button:hover {
   /*color: #d30019 !important;*/
}
.ville-election thead {
    background-color: var(--client)/*var(--vert)*/;
    border: 0;
}
.ville-election thead th{
    color: #fff;
}
.ville-election th{
    background: transparent;
    color: #333;
}
.ville-election thead > tr > th {
    padding: 2px;
}
.ville-election tbody th{
    text-align: left;
    color: #333;
}
.ville-election th {
    display:table-cell;
}
.ville-election tbody tr:nth-of-type(even) th,
.ville-election tbody tr:nth-of-type(even) td {
    display:table-cell;
    background-color: #fbfbfb;
}
.ville-election tbody tr:nth-of-type(odd) th,
.ville-election tbody tr:nth-of-type(odd) td {
    display:table-cell;
    background-color: var(--client-light);
}

.ville-election tbody tr:first-of-type th,
.ville-election tbody tr:first-of-type td {
    display:table-cell;
    /*text-transform: uppercase;*/
    /*font-weight: bold;*/
    font-size: 15px;    
}
.ville-election .table tbody tr :is(th,td) {
    font-weight: normal;
}
.ville-election .table-candidats tbody tr:first-of-type th,
.ville-election .table-candidats tbody tr:first-of-type td,
.ville-election .table-candidats tbody tr:first-of-type .first-col {
	text-transform: none;
}
.ville-election table:not(.table-resultats) tbody tr:first-of-type,
.table-vote-details tbody tr:nth-of-type(2n + 1) {
    /*background-color: #E1E0DC;*/background-color: var(--client-light);
}
.ville-election .table :is(tbody,thead) tr {
	border: 0;
}
.ville-election table.table-resultats tbody tr:first-of-type {
	background-color: #fff;
}
.ville-election td {
    background: transparent;
}
	.ville-election .btn-primary:is(:focus, :hover, :active) {
		border: 1px solid var(--client);
	}

/*** Modal des détails par bureau de vote ***/
#myModal2 .modal-body {
    overflow: hidden auto;
}
	table.table-vote-details:not(.ui-datepicker-calendar) thead {
	    background-color: var(--client);
	}
		table.table-vote-details thead th {
			font-weight: 400;
		}
/*.modal-content .modal-title {font-weight:bold;} COURBEVOIE
.modal-content .modal-title:first-letter {text-transform:uppercase;}
.modal-content {position:relative;}
.modal-content .close {height:50px; position:absolute; top:10px; right:10px; width:50px;}*/

.modal-content {
    width: 100%;
}
.modal-content thead{
    background-color: #E1E0DC;
}
.liste-details {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
    .liste-details p {
        margin: 0 0 0px;
        width: 50%;
    }
.table-vote-details {
	border: 1px solid var(--client);
    width: 100%;
}
    .table-vote-details th {}
    .table-vote-details tr {
        /*border-bottom: 1px solid #ddd;*/
    }
    /*.table-vote-details tbody tr:nth-of-type(2n) {
        background-color: var(--fourth);
    }*/   
        .table-vote-details td,
        .table-vote-details th {
             padding: 8px 4px;
        }

.graphic-election {
    
   margin-bottom: 15px;
}

.graphic-election .bar-flex {
    display: flex;
   
}

.graphic-election .progress {
   height: 20px;
   margin-bottom: 0;
   width: 70%;
   margin-right: 3px;
}
.graphic-election .progress-bar {
    background-color: var(--client);
}

.graphic-election .progress-bar.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity)) !important;
}

.graphic-election .progress-bar.bg-superior {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-superior-rgb),var(--bs-bg-opacity)) !important;
}

.graphic-election .taux {
    margin-left: auto;
}

/*@media screen and (max-width: 570px) {
    
    .ville-election {

         margin-left: 120px;
         overflow-y: visible;
         padding: 0;
    }
    .top-left {
        border: 0 !important;
        background-image: url(../Img/double-arrow.svg) !important;
        background-size: 50px !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        background-color: white !important; 
        z-index: 2;
    }

    .first-col {
      position: absolute;
      left: 0;
      top: auto;
      border-top-width: 1px;

      width: 140px;
      font-size: 0.9em;
      border-right: 1px solid #ddd;
      z-index: 2;

    }

}*/
@media screen and (max-width: 767px) {/* 31 - ELECTIONS */

	.page1colonne .ville-election .nav-tabs li {
		width: 100%;
	}
		.ville-election .nav-tabs > li > button {
			padding: 10px;
			width: auto;
			min-width: inherit;
			font-size: 1em;
		}
		.ville-election .nav-tabs > li > button,
		.ville-election .nav-tabs > li:first-child > button,
		.ville-election .nav-tabs > li:last-child > button,
		.ville-election .table {
			border-radius: 0;
			min-width: 100%;
		}
	.ville-election .tab-content {
		overflow: auto hidden;
	}
		.ville-election .first-col {
			white-space: normal;
		}
			.table-resultats .graphic-election .bar-flex {
			    width: 200px;
			    min-width: 200px;
			}

}


.disabled {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: .65;
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
    /* border-color: #e2e0dc !important; */
    /* background-color: #e2e0dc !important; */
    color: #333 !important;
}


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


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

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

	/* Flash Info */
	.flash-info {
		padding: 15px 25px;
	}
		.flash-info .fa-solid {
			display: var(--fa-display,inline-block);
		}
		.flash-info .container {
			padding: 0 var(--bs-gutter-x,20px);
		}
			.flash-info .col-10 {
				padding: 0 15px;
			}
				.flash-info .carousel-item {
					padding: 0 20px;
				}
					.flash-info .title {
						line-height: 1.688;
					}
					.flash-info .abstract {
						font-size: 1em;
						line-height: 1.688;
					}
		.flash-info .btn-close {
			margin-bottom: 0;
		}

/* 06 = ACCUEIL */
	/* Kiosque */
	.frame-home-kiosque .home-news-list {
		padding: 0;
	}

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

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

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

}


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

/* 04 = HEADER */

/* 05 = FOOTER */

/* 06 = ACCUEIL */
	/* Accès rapides */
	.list-accesses .accesses-link {
		padding: 40px 8px;
	}
		.accesses-link .text {
		    font-size: .875em;
		}
	/* Actualités */	
	/* Items 3 à 8 */
	.home-news-list .col-lg-4 .home-news-link {
		flex-direction: row;
		padding-bottom: 0;
	}
		.home-news-list .col-lg-4 .home-news-figure {
			/*height: 119px;
			width: 180px;
			min-width: 180px;*/
			margin-right: 30px;
			max-width: calc(50% - 15px);			
		}
		.home .home-news-list .col-lg-4 .home-news-figure {
			min-width: calc(50% - 15px);
		}

	/* Sur les réseaux */
	.home-networks .networks-item:nth-child(2) {
	    display: flex;
	}


/* 07 = PAGE INTERNE */
	/* Flash Info */
	.flash-info .btn-close {
		font-size: 24px;
	}
	/* Page header */
	.site-main .page-header {
		padding: 0 0 50px;
	}
		.page-header .header-left {
			margin-bottom: 0;
			padding-left: 15px;
			padding-right: 15px;
		}
			.header-left .header-picture {
			    border-top-right-radius: 10px;
			    border-bottom-right-radius: 10px;
			}
	/* Contenu Bootstrap */
	.rte-content .frame-bloc {
		--frame-spacing: var(--frame-spacing-md);
	}
	/* RTE */
	/* Groupe de carte */
	.timeline-item-caption .timeline-item-date {
		position: absolute;
	}
	.timeline-item:nth-child(even) .timeline-item-date {
		left: auto;
		right: calc(100% + 15px);
		text-align: right;
	}
	/* Chiffres */
	/* Bloc chiffres bleu */
	.container .frame-type-card_group:not(.frame-layout-embedded) .icongroup {
		padding: 25px 15px;
	}
	/* Bloc chiffres vide */
	.container .frame-type-card_group:not(.frame-layout-embedded) .frame-background-white {
		padding: 45px 0;
	}

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


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

/* 10 = ANNUAIRE */
	/* Liste */
	.directories-list .filters-results {
		gap: 30px;
	}
		.directories-list .link {
			flex-direction: row;
			padding: 30px;
			gap: 15px;
		}
		.directories-list .link::after {
			height: 50px;
			width: 50px;
		}
			.directories-list .item-directories-img {
				margin-bottom: 0;
				width: 100px;
			}
			.directories-list .item-directories-img + .item-directories-caption {
				width: calc(100% - 115px);
				min-width: inherit;
			}
				.item-directories-caption .title {
					font-size: 1.375em;
				}
	/* single */
	.directories-single .rte-content {
		align-items: flex-start;
		flex-direction: row-reverse;
		justify-content: space-between;
	}
		.directories-single-text .directories-single-item {
			flex-direction: row;
		}
			.directories-single-item .title {
				min-width: 200px;
				max-width: calc(50% - 15px);
			}
			.directories-single-item .value {
				padding-left: 15px;
			}
	/* Liste élus */
	.elected-list .filters-results {
		gap: 50px;
	}
		.elected-list .list-item-directories.adjoints,
		.elected-list .list-item-directories.conseillers {
			width: calc(50% - 25px);
		}
			.elected-list .link {
				padding: 0;
				gap: 30px;
			}
				.elected-list .item-directories-img {
					width: auto;
				}
				.elected-list .mayor .item-directories-img {
					min-width: 210px;
				}
				.elected-list .adjoints .item-directories-img {
					min-width: 140px;
				}
				.elected-list .conseillers .item-directories-img {
					min-width: 140px;
				}
				.elected-list .item-directories-caption * {
					margin-bottom: 10px;
				}
					.elected-list .mayor .item-directories-caption .title {
						font-size: 1.875em;
					}
					.elected-list .adjoints .item-directories-caption .title {
						font-size: 1.5em;
					}
					.elected-list .conseillers .item-directories-caption .title {
						font-size: 1.25em;
					}
					.elected-list .mayor .item-directories-caption .fonction {
						font-size: 1.125em;
					}
					.elected-list .adjoints .item-directories-caption .fonction {
						font-size: 1em;
					}
					.elected-list .conseillers .item-directories-caption .fonction {
						font-size: .875em;
					}

/* 12 = MEDIATHEQUE */
	.gallery-list .title {

	}


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

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

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

}


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

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

/* 03 = STRUCTURE */


/* 04 = HEADER */
	.navbar-default-transition:not(.navbar-transition) {
		box-shadow: 0 0 20px rgb(0 0 0 / 10%);
	}
	.site-header .container {
		height: 100px;
	}
		.site-header .logo {
			height: 54px;
			min-width: 297px;
			max-width: 297px;
			text-align: left;
		}
			.logo .navbar-brand-image {
				height: 100%;
			}
				.navbar-brand-image .img-fluid {
				    max-width: inherit;
				    width: 100%;
				}

		/* Hamburger */
		.site-header .main-navigation {
			flex-direction: row;			
		}
		.safari .site-header .main-navigation {
			min-height: 100vh;
		}
		/* MENU BOOTSTRAP + 3ème NIVEAUX */
		/* 1er niveau */
		.main-navigation .item-link:is(:focus,:hover,:active) {
			z-index: 10;
			border: 0;
			outline: 2px solid var(--client);
		}
		/* ESSAI CORRECTIFS MENU AVEC MOUVEMENTS FLUIDES */
		.site-header .main-navigation.collapse:not(.show) {
		    left: -370px;
		}
			.site-header .main-navigation .dropdown-menu {
				top: 0;
				transition: left .5s;
			}
			.site-header .main-navigation:not(.collapse) .dropdown-level-2 {
				z-index: -1;
				left: 0px!important;
			}
			.site-header .main-navigation .dropdown-level-2.show {
				left: 370px!important;
			}
			.site-header .main-navigation .dropdown-level-2.show .dropdown-level-3 {
				z-index: -2;
				left: 370px!important;
			}
			.site-header .main-navigation .dropdown-level-2.show .dropdown-level-3.show {
				left: 740px!important;
			}

		/* 1er niveau */
		.site-header .main-navigation {
			width: 370px;
		}
			.main-navigation .scroll-wrapper {
				padding: 10px;
				background-color: #fff;
				/*overflow: visible; empêche le scroll sur desktop ! */
			}
				.level-1 .level-1-16 {
					position: relative;
				}
					.level-1 .level-1-16::before {
						position: absolute;
					    left: -10px;
					    right: -10px;
					    top: 0;
					    z-index: 1;
					    display: block;
						content: '';
					    height: 1px;
					    width: 100%;
						background-color: var(--grey-light-2);
					}
		/* Niveau 2 */
		.main-navigation .dropdown-level-2, 
		.main-navigation .dropdown-level-3 {
			left: 370px!important;
			border-left: 1px solid var(--grey-light-2);
			width: 370px;
		}
			.dropdown-level-2 .scroll-wrapper {
				padding: 120px 0 0;
				background-color: var(--grey-light);
			}
				.rubrique-bottom .rubrique-link {
					justify-content: flex-start;
					padding: 0 30px;
					width: 100%;
				}

		/* Niveau 3 */
		.main-navigation .dropdown-level-3 {
			left: 369px!important; /* Correction niveau 3 : tenir compte bordure niveau 2 ! */
			padding-top: 120px;
		}
			.dropdown-level-3 .scroll-wrapper {
				padding-top: 10px;
			}
		/* Partie de droite */
		.header-right .header-form {
			position: static;
			margin-left: 20px;
			width: 370px;
		}

	/* Partie droite */
	.header-right .list-net {
		display: none!important;
	}

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

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

/* 06 = ACCUEIL */
	/* Style récurent sur les blocs d'accueil */
	.section-home .home-item-title {
		font-size: 1.5em;
	}
	/* Actualités */
	.home-news-list .home-news-figure {
		margin-bottom: 20px;
	}
	.home-news-list .home-news-caption {
		padding-bottom: 60px;
	}
		.home-news-list .news-item-abstract {
			font-size: 1em;	
			line-height: 1.5;		
		}
	/* Items 3 à 8 */
	.home-news-list .col-lg-4 .home-news-link {
		display: block;
		padding: 0;
	}
	.home .home-news-list .col-lg-4 .home-news-link {
		padding-bottom: 0;
	}
		.home-news-list .col-lg-4 .home-news-figure {
			height: auto;
			margin: 0 0 20px;
			width: auto;
			max-width: inherit;
		}
		.home .home-news-list .col-lg-4 .home-news-figure {
			min-width: inherit;
			width: 100%;
		}
		.home-news-list .col-lg-4 .home-news-caption {
			padding-bottom: 50px;
		}
			.home-news-list .col-lg-4 .news-item-abstract {
				display: block;
			}
	/* Kiosque */
	.section-home .home-kiosque-title {
		margin-bottom: 20px;
	}
	.home-news-list .kiosque-item {
		padding-top: 10px;
		width: 20%;
		max-width: 20%;
	}
		.kiosque-item .picture {
			display: block;
			border-radius: 0;
			margin-bottom: 15px;
			aspect-ratio: 3 / 4;
			transition: box-shadow .3s;
		}
		.kiosque-item .link:is(:focus, :hover, :active) .picture {
			box-shadow: var(--shadow);
		}
	/* Sur les réseaux */
	.home-networks .networks-item:nth-child(3),
	.home-networks .networks-item:nth-child(4) {
	    display: flex;
	}
	/* À découvrir */
	.home-mediatheque .home-mediatheque-list {
		grid-template-columns: 46% calc(27% - 15px) calc(27% - 15px);
		grid-column-gap: 15px;
		grid-row-gap: 15px;
	}
		.home-mediatheque .mediatheque-item-1 {
			grid-area: 1 / 1 / 3 / 2;
		}
		.home-mediatheque .mediatheque-item-2 {
			grid-area: 1 / 2 / 3 / 3;
		}
		.home-mediatheque .mediatheque-item-3 {
			grid-area: 1 / 3 / 2 / 4;
		}
		.home-mediatheque .mediatheque-item-4 {
			grid-area: 2 / 3 / 3 / 4;
		}
			.home-mediatheque .picture {
			    height: 100%;
			    width: 100%;
			}
				.home-mediatheque .img-responsive {
					height: 100%;
					width: 100%;
					object-fit: cover;
					transition: transform .3s;
				}
				.home-mediatheque .home-mediatheque-item:is(:focus, :hover, :active) .img-responsive {
					transform: scale(1.1);
				}

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

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

/* 08 = ACTUALITÉS */
	/* Filtres */
	.news-categories .filters-label {
		cursor: default;
	}
	.news-categories .news-categories-list {
		display: flex;
	}
	/* Liste page */
	.news-list-page .page-news-btn {
		top: -90px;
	}

/* 09 = AGENDA */
	/* Liste */
	/* PageHeader */
	.extension-agenda .site-main .page-header-events,
	.extension-actualites .site-main .page-header-events {
		margin-bottom: 60px;
	}
	/* Titre */
	.page-header-events .header-right {
		padding: 140px 15px;
	}
    /* Filtres */
    .filters .row {
    	align-items: flex-end;
    }
	    .filters .form-group {
	        margin: 0 20px 10px 0;
	        width: 270px;
	    }
			/* Mot-clé */
			.sword .label-search {
			    border-left: 1px solid #ddd;
			    padding-left: 20px;
			}

	/* Emplois */
	.recrute-filters .form-group.submit {
		margin: 0 20px 10px 0;
	}
    /* Switch */
    .filters .form-group.switch {
    	width: fit-content;
    }
    /* Calendrier */
	.calendar .dropdown-menu {
		left: -1px !important;
	}
	/* Submit */
	.filters .form-group.submit {
		width: max-content;
	}
    	.filters .form-group input[type="text"] {
    		max-width: 310px;
    	}
	/* Liste */
	.events-list .card-group-element {
		justify-content: flex-start;
		padding-bottom: 58px;
	}
	/* Single */
	.practical-info .addEvents {
		margin-bottom: 0;
	}
	.practical-info .embed-responsive {
		max-height: 460px;
	}

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

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

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

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

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

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

/* 18 = FORMULAIRE */
	.form-horizontal .form-title {
		font-size: 1.875em;
	}
	/* Prise de RDV */
	/* Connexion */
	.babysit .col-lg-8.offset-lg-2 > .row {
	    flex-direction: row;
	}
		.babysit.page2colonnes .page-body .col-left,
		.babysit.page2colonnes .page-body .col-right {
			width: calc(50% - 20px);
		}
			.babysit .col-lg-8.offset-lg-2 > .row .frame {
				width: 50%;
			}
				.babysit .col-right h2 {
					font-size: 2em;
					line-height: 1.125;
				}

/* 12 = MÉDIATHÈQUE */
	/* Liste youtube page #642 */
	.home-events-list .home-events-item .container-player-video button.container-player-play {
	    height: 45px;
	    width: 45px;
	    background-size: 20px;
	}

}


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

/* 04 = HEADER */
	/* Partie droite */
	.header-right .list-net {
		display: flex!important;
	}

/* 05 = FOOTER */
	/* Footer top */
	/* Logo */
	.footer-top .logo {
		width: 298px;
	}
	/* Copyrights */
	.list-copyrights .site-languages .sites-link {
		left: calc(50% - (1200px / 2));
	}

/* 06 = ACCUEIL */

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

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

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

}


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

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

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

/* 06 = ACCUEIL */


/* 07 = PAGE INTERNE */
	/* Page header */
	.site-main .page-header {
		max-width: 1600px;
	}

}


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

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

}