/* CSS du site Démo version 10.4 */

/******** 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
/* 21 = MODALES
/* 22 = LOGIN
/* 23 = PROFILS
/* 24 = MÉTÉO
/* 25 = LEAFLET
/* 26 = MENUS
/* 27 = FAQ
/* 28 = COOKIE CONSENT
/* 29 = PRINT
/*
/* RESPONSIVE
/*
/******************************/


:root {/* À mettre en premier dans les CSS ! */
	--main: #1b3a66;/* Bleu foncé */
	--secondary: #8ec84b; /* Vert clair */
    --reda11y: #D22747;
}


/* 00 = FONTS */
@font-face {
    font-family: "Barlow";
    src: url("../Fonts/Barlow-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Barlow";
    src: url("../Fonts/Barlow-700.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "Barlow Condensed";
    src: url("../Fonts/Barlow-Condensed-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Barlow Condensed";
    src: url("../Fonts/Barlow-Condensed-600.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: "Barlow Condensed";
    src: url("../Fonts/Barlow-Condensed-700.woff2") format("woff2"),;
    font-weight: 700;
    font-style: normal;
}
body,
.siblingnavigation .sibling-item__content,
.header-menu .navigation .dropdown-menu .list-unstyled .list {
	font-family: 'Barlow', sans-serif;
	font-weight: normal;
}
.second-header .page-title,
.rte-content h2,
.rte-content h3,
.rte-content h4,
.rte-content h5,
.rte-content .h2,
.rte-content .h3,
.rte-content .h4,
.rte-content .h5,
.directories-list .form-group select.form-control,
.frame-flash-info .flash-title,
.frame-flash-info .frame-header,
.frame-flash-info .element-header,
.aside-bloc-download .frame-title,
.date-start,
.date-end,
.single-date,
.navigation .dropdown-menu .list-unstyled .list .link,
thead th, 
tfoot th,
.home-news-title, 
.home-events-title, 
.quick-access .section-title, 
.meteo-title,
.page-events .page-title,
.page-news .page-title,
.second-header .category,
.header-menu,
.site-footer .footer-section-top .frame-header .element-header,
.card-category,
.card-body .home-events-title, 
.card-body .home-news-title,
.mosaic-quick-access .quick-access-article .news-results_title,
.home-kiosque-list .home-events-title,
.home-kiosque-list .kiosque-text-title,
.single-events .practical-info-title,
.col-right .contact-title,
.media-list-default .media-body,
.directories-list .totalresults,
.elected-list .item-directories-caption .fonction,
.search-result .search-result__filter__title,
.search-result .title--search-item,
.siblingnavigation .sibling-item__link,
.section-quick-access-site .quick-access-title,
.cancelled .card-img-top::after,
.deferred .card-img-top::after,
.kiosque-archives .kiosque-archives-title,
.archives-list .link .text,
.map-col-left .accordion-title-map,
.rte-content blockquote,
.directories-single-item .title,
.search-totalresults,
.meteo .meteo-link,
.map-col-left .filters-title,
.map-col-left .accordion-body label,
.map-col-left .accordion-body .label-number {
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: normal;
}
.owl-prev::before,
.owl-next::before,
.list-normal li::before,
.accordion-title-link-state:before,
.carousel .carousel-control-prev::before,
.carousel .carousel-control-next::before,
.directories-list .form-group .category-first-option::before,
.map-col-left .accordion-body .check-cache::after,
.map-col-left .filters-title::after,
.date-end::before,
.has-error .help-block::before {
	font-family: "Font Awesome 5 Pro";
}


/* 01 = RESET */
/* BOOTSTRAP */
.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
    padding-right: 15px;
    padding-left: 15px;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
	padding-left: 15px;
	padding-right: 15px;
}
a {
    color: #4faf98;
    text-decoration: none;
    background-color: transparent;
}


/* 02 = STYLES GLOBAUX = client.css */
*:focus {
	outline: revert;
}
h5, .h5 {
	color: #333;
	font-size: 1.5em;
}
.blocked {
	overflow-y: hidden;
}
a {
	color: var(--secondary);
}
a:hover, a:active, a:focus {
	color: var(--secondary);
	text-decoration: none;
}
.btn {
	border-radius: 0;
}
.btn-info, .btn-primary, .btn-secondary {
    border-radius: 0;
}
.site-main .btn-info,
.site-main .btn-info:is(:focus,:hover,:active),
.site-main .btn-default,
.site-main .btn-default:is(:focus,:hover,:active) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
    border-color: var(--secondary);
    border-radius: 0;
	height: 50px;
	background-color: #fff;
	color: #333;
    box-shadow: none;
    text-decoration: none;
	text-transform: uppercase;
}
.site-main .btn-info:focus-visible,
.site-main .btn-default:focus-visible {
	outline: revert;
	box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
}
.color-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 15px;
	margin-right: 15px;
	color: var(--secondary);
}
.hidden {
    display: none !important;
}
.frame-promote .textmedia {
	position: relative;
	border: 2px solid var(--secondary);
    margin: 0 0 2em;
    padding: 25px 25px 25px 100px;
    background-size: 44px 44px;
}
.frame-promote .textmedia::before {
	position: absolute;
	left: 30px;
	top: 25px;
	content:"";
	display: block;
	height: 44px;
	width: 44px;
	background-image: url("../Img/SVG/ic_pratique.svg");
}
	.frame-promote .textmedia .textmedia-text {
		padding: 0;
	}
		.frame-promote .textmedia p {
			padding: 0;
			font-size: .938em;
			line-height: 1.733;
		}
.card-group-element {
	
}
.accordion-title-link {
    padding: 1rem 1.5rem;
    padding-right: calc(1.5rem + 2em);
    position: relative;
    display: block;
}
.accordion-body {
	padding: 1.5rem;
}
.btn-primary {
    color: rgb(255, 255, 255);
    background-color: rgb(79, 175, 152);
    border-color: rgb(79, 175, 152);
}
.btn-primary:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(67, 149, 129);
    border-color: rgb(63, 140, 121);
}


/* 03 = STRUCTURE */
#wrap {
	position: relative;
}
	main {
		margin: 30px 0 60px 0;
	}


/* 04 = HEADER */
/* FLASH INFO */
.frame-type-textmedia.frame-flash-info {
    position: relative;
    z-index: 9999;
    margin: 0;
    background-color: var(--secondary);
}
	.frame-flash-info .frame-container {
		position: static;
		min-height: 90px;
	}
		.frame-flash-info .alert.alert-dismissible {
			position: static;
			border: 0;
			margin: 0;
			padding: 0;
		}
			.frame-flash-info .flash-title {
			    position: absolute;
			    left: 30px;
			    top: 25px;
			    padding-bottom: 20px;
			    background: url("../Img/SVG/vague_titre_white.svg") no-repeat center bottom;
			    background-size: auto 6px;
			    font-size: 30px;
			    line-height: 1;
			    text-transform: uppercase;
			}
				.frame-flash-info .flash-title .bold {
					font-weight: 600;
				}
			.frame-flash-info .flash-close {
			    position: absolute;
			    right: 20px;
			    top: 20px;
			    display: block;
			    height: 50px;
			    width: 50px;
			    background: url("../Img/SVG/ic_close.svg") no-repeat center center;
			    background-size: 23px 23px;
			}
			.frame-flash-info .flash-body {
				border-top: 1px solid #fff;
				padding: 15px 0 15px 50px;
				background: url("../Img/SVG/ic_flash_white.svg") no-repeat left 15px; 
				background-size: auto 32px;
			}
			.frame-flash-info .flash-body:nth-child(3) {
				border-top: 0;
			}
				.frame-flash-info .link {
				    color: #333;
				}
					.frame-flash-info .element-header {
						margin: 0;
					    font-size: 16px;
					    text-transform: uppercase;
					}
						.frame-flash-info .element-header::after {
							display: none;
						}
					.frame-type-textmedia.frame-flash-info .textmedia-text {
						padding: 0;
					}
						.frame-flash-info p {
			    			font-size: .938em;
						}
							.frame-flash-info p a {
								color: #333;
								text-decoration: underline;
							}
@media screen and (max-width: 1450px) { /* Flash Info mobile */
	.frame-flash-info .frame-container { /* Pour le bouton .flash-close */
		position: relative;
	}
		.frame-flash-info .flash-title {
	    display: inline-block;
	    position: relative;
	    left: 0;
	    top: 20px;
	    padding-bottom: 10px;
	    font-size: 24px;
	    margin-bottom: 20px;
		}
		.frame-flash-info .flash-close {
			right: 5px;
			top: 5px;
			background-size: 15px 15px;
		}
}

/* Skip links */
.skip-item:focus {
    left: 0;
    top: 0;
    z-index: 11;
    border: 0;
    border-radius: 0;
    color: #fff;
    opacity: 1;
}

/* Site header */
.site-header {
	position: absolute;
	left: 0; 
	right: 0;
	top: 0;
	z-index: 999; /* dois passer sur le plan ! */
	height: 60px;
	background-color: rgba(0, 0, 0, .7);
}
	.site-header > .container {
		height: 100%;
	}
		.site-header > .container > .row {
			justify-content: space-between;
			height: 100%;
		}
			.site-header > .container > .row > .d-flex {
				position: static;
				align-items: center;
				justify-content: space-between;
			}

	/* LOGO */
	.site-header .logo {
		height: 100%;
		max-width: 180px;
		width: 100%;
		order: 2;
	}
		.site-header .logo-link {
			display: block;
			height: 100%;
			width: 100%;
		}
			.site-header .logo .white-circle {
				position: absolute;
				top: -90px;
				left: 50%;
				display: flex;
				justify-content: center;
				z-index: 2;
				border-radius: 50%;
				height: 180px;
				width: 180px;
				background-color: #fff;
				transform: translateX(-50%);
			}
				.site-header .logo .white-circle img {
					height: 62px;
					margin-top: 95px;
				}

/* Second header */
.second-header {
	display: flex;
	flex-direction: column;
	background-color: #eff0ea;
	background-image: url(../Img/SVG/vagues_bg_bandeau.svg);
	background-size: cover;
}
	.second-header .container {
		position: relative;
		min-height: 100%;
	}
		.second-header .d-flex {
			flex-wrap: wrap;
		}
		.container-fluid .header-img {
			position: relative;
			display: flex;
		    align-items: center;
		    justify-content: center;
		    margin-top: -110px;
		    background-color: #8f908c;
		    background-size: cover;
		    color: #fff;
		}
			.container-fluid .header-img::before {
			    position: absolute;
			    bottom: 0;
			    left: 0;
			    right: 0;
			    top: 0;
			    z-index: 1;
			    content: '';
			    background: rgba(0,0,0,.4);
			}
			.container-fluid .header-img .container {
				position: relative;
				z-index: 2;
			}
		.second-header .header-img .container .row {/* Entête avec image */
			align-content: center;
			height: 100%;
			padding-top: 90px;
		}
		.second-header .container-title {
			padding-top: 90px;
		}
			.second-header .page-title {
				display: flex;
				align-items: flex-start;
				flex-direction: column;
				justify-content: center;
				min-height: 180px;
				padding: 25px 15px;
				width: 100%;
				font-size: 2.5em;
				font-weight: 600/*bold*/;
				line-height: 1;
				word-break: break-word;
			}
			.second-header .subtitle {
				margin-top: 20px;
				font-size: .4em;
				font-weight: 300;
			}
				.second-header .category {
					margin-top: 20px;
					padding: 5px 10px;
					background-color: var(--secondary);					
					font-size: .3em;
					font-weight: 300;
					text-transform: uppercase;
				}
			.second-header .header-img .page-title {
				min-height: 200px;
			}
			.second-header .site-tools {
				position: absolute;
			    bottom: 0;
			    right: 20px;
			    border-radius: 25px;
			    margin-left: auto;
			    padding: 0;
			    width: fit-content;
				background-color: #fff;
				transform: translateY(50%);
			}
			.second-header .site-tools a:hover {
				background-color: #eff0ea;
			}
				.second-header .site-tools .twitter {
					color: #00acee;
				}
				.second-header .site-tools .facebook {
					color: #3b5998;
				}
				.second-header .site-tools .launchModal {
					color: #999;
				}
					.second-header .site-tools .launchModal .fa-envelope {
						font-weight: 300;
					}
				.second-header .site-tools .fontSize .separator {
					display: block;
					align-self: center;
					height: 30px;
					width: 1px;
					background-color: #dfdfdf;
				}
				.second-header .site-tools .enlarge {
					color: #737373;
				}
				.second-header .site-tools .reduce {
					color: #737373;
					font-size: 0.875em;
				}

/* MENU BURGER POUR LA VERSION MOBILE */
	.site-header button.navbar-toggler {
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
		order: 1;
		z-index: 1;
		border: none;
		border-radius: 50%;
		min-width: 40px;
		height: 40px;
		background-color: #fff;
	}
		.site-header button.navbar-toggler span.icon-bar {
			display: block;
			height: 2px;
			width: 18px;
			background-color: #18383a;
		}
			.site-header button.navbar-toggler .icon-bar-1 {
				margin-bottom: 3px;
			}
			.site-header button.navbar-toggler .icon-bar-3 {
				margin-top: 3px;
			}
				.site-header .fa-facebook-f {
					display: flex;
				    align-items: center;
				    justify-content: center;
				    border-radius: 50%;
				    height: 40px;
				    width: 40px;
				    background-color: #3b5998;
				    font-size: 26px;
				}

/* MENU CLASSIQUE BOOTSTRAP 2 NIVEAUX + ACCESSIBILITÉ */
	.header-menu {
		position: absolute;
		display: flex;
		left: 0;
		top: 60px;
		z-index: 1;
		max-height: 90px;
		width: 100vw;
		font-size: 26px;
		text-transform: uppercase;
	}
		/* 1er niveau */
		.header-menu .navigation {
			flex-direction: row;
		}
		.header-menu .navigation-mobile {
			border-radius: 0;
			height: 100vh;
			padding-top: 35px;
    		background-color: rgb(34, 43, 47);
    		transition: .3s ease;
		}
			.header-menu .list-group-item {
				position: static;
				border: 0;
				padding: 0;
				width: 100%;
				background-color: transparent;
			}
				.header-menu .list-group-item .link {
					display: block;
					border: 0;
					padding: 0.75rem 1.25rem;
					width: 100%;
					background-color: transparent;
					color: #fff;
					font-weight: bold;
					text-align: start;
					text-decoration: none;					
				}
				.header-menu .navigation > .list-group-item > .link,
				.navigation-mobile > .list-group-item > .link {
					font-weight: 600;
					text-transform: uppercase;
				}
				.header-menu .list-group-item .link:is(:focus,:hover,:active),
				.header-menu .current > .link {
					border-left: 3px solid var(--secondary);
					color: var(--secondary);
					outline: none;
				}
				.header-menu .dropdown-menu {
					border: 0;
				}
		/* 2ème niveau */
		.header-menu .navigation-mobile .dropdown-menu {
			position: static!important;
			padding: 0;
			width: 100vw;
			background-color: #eff0ea;
			color: #fff;
			transform: translate3d(0, -2px, 0)!important;
		}
			.header-menu .navigation-mobile .dropdown-menu .list-unstyled {
				margin: 0 30px;
			}
				.header-menu .navigation-mobile .dropdown-menu .list-unstyled .list {
					border-top: 1px solid var(--secondary);
				}
				.header-menu .list:last-child {
					border-bottom: 1px solid var(--secondary);
				}
					.header-menu .navigation-mobile .dropdown-menu .list-unstyled .list .link {
						color: #333;
					}


/* RECHERCHE */
	.facebook-desktop {
		display: none;
	}
	.facebook-header {
		order: 3;
		border-radius: 50%;
		margin: 10px 0 20px 10px;
		height: 40px;
		min-width: 40px;
		width: 40px;
		background-color: #3b5998;
		color: #fff;
	}
		.facebook-header .link {					
			display: flex!important;
			align-items: center;
			justify-content: center;
			height: 100%;
			width: 100%;
			color: #fff;
			text-decoration: none;
			transition: .3s ease;
		}
		.facebook-header .link:hover {
			background-color: #fff;
			color: #3b5998;
		}
		.facebook-header .link:is(:focus,:hover,:active) {
			border: 0!important;
			border-radius: 50%;
			background-color: rgba(59, 89, 152, .7)!important;
			color: #fff!important;
		}

	.search {
		order: 3;
		cursor: pointer;
	}
		.header-search .header-search-display:is(:focus,:hover,:active) {
			background-color: #fff;
			color: var(--secondary);
		}
		.header-search .header-search-display {
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    z-index: 3;
		    border: 0;
		    border-radius: 50%;
		    height: 40px;
		    width: 40px;
		    background: var(--secondary);
		    color: #fff;
		    box-shadow: none;
			transition: .3s ease;
		}
		.header-search .label,
		.header-search .search-button {
			position: fixed;
			top: -100px;
			height: 60px;
		    transition: unset;
		}
		.header-search.visible .label {
			transition: all 0.3s ease-in;
		}
			.visible .label,
			.visible .search-button {
				top: 0px;
			}
		.site-header form.visible .label .header-search-close {
			position: absolute;
			right: 15px;
			display: block;
			order: 2;
			border-radius: 50%;
			height: 40px;
			margin-top: 39px;
			width: 40px;
			background-color: #fff;
			background-image: url(../Img/SVG/ic_close.svg);
			background-position: 50%;
			background-repeat: no-repeat;
			background-size: 20px;
			cursor: pointer;
			transform: translateY(-50%);
		}
		.safari .site-header form.visible .label .header-search-close {
			margin-top: 20px;
		}
		.header-search .search-button {
			display: flex;
			align-items: center;
			justify-content: center;
			z-index: 3;
			border: none;
			border-radius: 50%;
			margin-top: 10px;
			height: 40px;
			width: 40px;
			background: transparent;
			color: transparent;
		}
		.header-search .label {
			position: absolute;
			left: 0;
			z-index: 4;
			display: flex;
			align-items: center;
			width: 100%;
		}
		.site-header form.visible .label::before {
			position: absolute;
			left: -1000px;
			content:"";
			display: block;
			height: 100%;
			width: 1000%;
			background-color: #222b2f;
		}
		.header-search .search-input {
			z-index: 1;
			border: none;
			padding: 10px 20px;
			height: 50px;
			width: 65%;
			background-color: #222b2f;
			color: #fff;
			font-size: 1.5em;
		}
		.header-search .search-input:focus {
			outline: none;
		}
		.header-search .search-input::placeholder {
			color: rgba(250, 250, 250, 0.7);
		}


/* 05 = FOOTER */
/* Retour haut de page*/
.to-page-top,
.to-page-top:is(:focus,:hover,:active),
.btn-primary.to-page-top:not(:disabled):not(.disabled):active, 
.btn-primary.to-page-top:not(:disabled):not(.disabled).active {
    background-color: var(--secondary);
    border: none;
    border-radius: 50%;
    z-index: 1;
}
.to-page-top {
	bottom: 20px;
	color: #333;
}
.site-footer {
    background-color: #744c2a;
    color: #fff;
    font-size: 15px;
}
	.site-footer a,
	.site-footer a:focus,
	.site-footer a:active,
	.site-footer a:hover {
	    color: #fff;
	}

	/* MENU DE PAGES */
	.site-footer .frame-type-menu_pages {
		width: 100%;
	}
	.site-footer .footer-section-top {
		display: flex;
		justify-content: center;
		padding: 60px 0 50px 0;
	}
		.site-footer .footer-section-top .logo-footer-mobile {
			display: none;
		}
		.site-footer .footer-section-top .row > .d-flex {
			align-items: center;
			text-align: center;
		}
			.site-footer .footer-section-top .textmedia {
				gap: 16px;
				margin: 0;
			}
				.site-footer .footer-section-top .textmedia-item {
					padding: 0;
				}
					.site-footer .footer-section-top .frame-header {
						margin: 0;
					}
						.site-footer .footer-section-top .frame-header .element-header  {
							font-size: 1.5em;
							font-weight: 600;
							color: var(--secondary);
						}
							.site-footer .footer-section-top .element-header::after {
								content: none;
							}
					.site-footer .footer-section-top .row > div:last-child {
						margin-top: 30px;
					}
						.site-footer .footer-section-top .btn-default {
							display: flex;
							align-items: center;
							border: 1px solid #fff;
							border-radius: 0;
							padding: 0 20px;
							height: 50px;
							width: auto;
							background-color: #fff;
							color: #333;
							font-size: .875em;
							text-decoration: none;
							text-transform : uppercase;
						}
						.site-footer .footer-section-top .btn-default:hover {
							border: 1px solid var(--secondary);
							background-color: var(--secondary);
						}
							.site-footer .footer-section-top .far {
								margin-right: 10px;
								color: var(--secondary);
								transition: .3s ease;
							}
							.site-footer .footer-section-top .btn-default:hover .far {
								color: #fff;
							}
	.site-footer .footer-section-bottom {
		background-color: #fff;
	}

		.site-footer .frame-type-menu_pages ul {
			display: flex;
			justify-content: space-between;
			padding: 0 20px 20px;
			list-style: none;
		}
		.site-footer .footer-section-bottom .list-partners {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			padding: 20px 0;
		}
			.site-footer .footer-section-bottom .img-fluid {
				margin: 10px;
				height: 50px;
				width: auto;
				filter: grayscale(100%);
				opacity: .5;
				transition: .3s ease;
			}
			.site-footer .footer-section-bottom .img-fluid:hover {
				filter: grayscale(0);
	    		opacity: 1;
			}
		.site-footer .footer-section-bottom .list-footer-link ul {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			margin: 0 0 60px;
			list-style: none;
		}
			.site-footer .footer-section-bottom .list-footer-link .item__link {
				border-left: 1px solid #737373;
				padding: 0 0 0 5px;
				margin: 5px 5px 5px 0;
				color: #737373;
				font-size: 0.938em;
			}
			.site-footer .footer-section-bottom .list-footer-link ul li:first-child .item__link {
				border: none;
			}
			.site-footer .footer-section-bottom .list-footer-link .item__link:hover {
				color:#333;
			}

	/* BLOC ADRESSE */
	.site-footer .footer-address {
    	display: flex;
    	align-items: center;
	}
		.footer-address .img-fluid {
			height: 50px;
			margin-right: 20px;
		}

	/* BLOC CONTACT */
	.footer-contact p {
		margin-bottom: 0;
	}

	/* BLOC NEWSLETTER */
	.footer-newsletter {
		display: flex;
		align-items: center;
		min-width: 276px;
	}
		.footer-newsletter .footer-form {
			display: flex;
			align-items: center;
			flex-wrap: wrap;
		}
			.footer-form label {
				margin-bottom: 0;
				width: 100%;
			}
			.footer-form .email {
			    border: 0;
			    height: 36px;
			    padding: 0 10px;
			}
			#wrap .footer-form .btn-info,
			#wrap .footer-form .btn-info:hover,
			#wrap .footer-form .btn-info:focus,
			#wrap .footer-form .btn-info:active {
				border: 0;
				background-color: #fff;
				color: #353CC4;
			}


/* 06 = ACCUEIL */
.home h2::after,
.kiosque-archives .kiosque-archives-title::after {
	content: "";
	display: block;
	margin: 15px auto 0 auto;
	height: 5px;
	width: 90px;
	background: url(../Img/SVG/vague_titre.svg);
}

/* CAROUSEL */
	.carousel {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 300px;
	}
		.carousel .carousel-indicators {
			margin-bottom: 0;
			opacity: 1;
		}
			.carousel .carousel-indicators li {
				margin-left: 10px;
				margin-right: 10px;
				height: 15px;
				width: 15px;
				opacity: 1;
			}
				.carousel .carousel-indicators .active::before {
					content:"";
					display: block;
					border-radius: 50%;
					height: 10px;
					width: 10px;
					background-color: var(--secondary);
					transform: translate(25%, 25%);
				}
		.carousel .carousel-inner .carousel-item {
			padding: 0;
		}
		.carousel .carousel-inner .carousel-item.active {
			display: flex;
		}
			.carousel .carousel-inner .carousel-item .d-block {
				min-height: 100%;
				width: 100%;
				object-fit: cover;
			}

/* ACTU et AGENDA */
	.section-home a, 
	.section-home a:hover, 
	.section-home a:active {
		box-shadow: none;
		text-decoration: none;
	}
	.section-home a.btn:hover {
		background-color: var(--secondary);
		color: #333;
	}
	.section-home .card-body {
		padding: 0 15px 15px;
	}
		.section-home .card-group-element {
			display: flex;
			gap: 0;
			justify-content: center;
			margin: 0;
		}
			.section-home-news .card-group-element-item {
				border-radius: 5px;				
				box-shadow: 20px 0 50px rgba(0, 0, 0, .1);
				margin-bottom: 30px;
				padding: 0;
				transition: .3s ease;
			}
			.section-home-news .card-group-element-item-3 {
				max-width: 360px;
			}
			.section-home-news .card-group-element-item-4 {
				margin: 0 15px 30px;
				max-width: 290px;
			}
			.section-home-events .card-group-element-columns-4 .card-group-element-item {/* Agenda */
				margin: 0 15px 30px;
				max-width: 255px;
			}
			.section-home-news .card-group-element-item:hover {
				transform: translateY(-20px);
			}
			.section-home-events .card-group-element-item {
				box-shadow: 20px 0 50px rgba(0, 0, 0, .1);
				padding: 0;							
				transition: .3s ease;
			}
			.section-home-events .card-group-element-item:hover {
				transform: translateY(-20px);
			}
				.section-home-events .card {
					min-height: 350px;
					overflow: hidden;
				}
					.section-home-news .card-img-top {
						position: relative;
					}
					.section-home-news .card-group-element-item-3 .card-img-top {
						height: 280px;
					}
					.section-home-news .card-group-element-item-4 .card-img-top {						
						height: 210px;
					}
					.section-home-events .card-img-top {
						position: relative;
						height: 210px;
					}
						.cancelled .card-img-top::after,
						.deferred .card-img-top::after {
							position: absolute;
							right: -20px;
							top: -30px;
							z-index: 2;
							content:"annulé";
							border-radius: 50%;
							height: 100px;
							padding: 50px 0 0 20px;
							width: 100px;
							background-color: #d91e18;
							color: #fff;
							font-size: 1.125em;
							line-height: 1;
							text-transform: uppercase;
						}
						.deferred .card-img-top::after {
							content:"reporté";
							background-color: #ef6c00;
						}
						.section-home-news .card-img-top::before {
							position: absolute;
							left: -2%;
							content: "";
							display: block;
							height: 100%;
							width: 104%;
							background: url(../Img/SVG/vague_article.svg);
							background-repeat: no-repeat;
						}
						.section-home-news .card-group-element-item-3 .card-img-top::before {
							bottom: -240px;
						}
						.section-home-news .card-group-element-item-4 .card-img-top::before {
							bottom: -186px;
						}
						.section-home-events .card-img-top::before {
							position: absolute;
							bottom: -181px;
							left: -2%;
							content: "";
							display: block;
							height: 100%;
							width: 104%;
							background: url(../Img/SVG/vague_article.svg);
							background-repeat: no-repeat;
						}
							.cancelled .list-item-figure::before {
							    position: absolute;
							    bottom: 0;
							    left: 0;
							    right: 0;
							    top: 0;
							    content: '';
							    z-index: 2;
							    background: rgba(255,255,255,.6);
							}
							.deferred .card-img-top .date {
							    opacity: .5;
							}
						.card-category {
							position: absolute;
							left: 0;
							top: 20px;
						}
						.category {							
							padding: 0 10px;
							background-color: var(--secondary);						
							font-size: 1.125em;
							text-transform: uppercase;
						}
							.section-home-news .card-img-top .home-news-figure,
							.events-item .card-img-top .list-item-figure {
								display: grid;
		    					align-items: center;
		    					border-radius: 5px;
								height: 210px;
								margin: 0;
		    					background-color: #d7e2f3;
								overflow: hidden;
							}
							.section-home-news .card-group-element-item-3 .home-news-figure {
								height: 280px;
							}
							.section-home-news .card-group-element-item-4 .home-news-figure {
								height: 210px;
							}
								.section-home-news .card-img-top .img-fluid,
								.events-item .card-img-top .img-fluid {
								    border-top-right-radius: 5px;
								    border-top-left-radius: 5px;
									height: 210px;
									width: 100%;
									object-fit: cover;
								}
								.section-home-news .card-group-element-item-3 .img-fluid {
									height: 280px;
								}
								.section-home-news .card-group-element-item-4 .img-fluid {
									height: 210px;
								}
								.section-home-news .card-img-top .img-fluid[src*="ic_actu_white.svg"] {
									height: 55px;
									width: 50px;
								}
							.section-home-events .card-img-top .home-events-figure {
								display: flex;
		    					align-items: center;
								height: 210px;
		    					background-color: #d7e2f3;
								overflow: hidden;
							}
							.section-home-events .card-img-top .img-fluid {
								height: 210px;
								object-fit: cover;
							}
							.section-home-events .card-img-top .img-fluid[src*="ic_agenda_white.svg"] {
								height: 100px;
							}
	.card-body .home-events-title, 
	.card-body .home-news-title {
		margin-bottom: 10px;
		color: #000;		
		font-size: 1.25em;
		font-weight: bold;
	}
		h2.home-events-title, 
		h2.home-news-title,
		.kiosque-archives .kiosque-archives-title {
			margin-bottom: 30px;
			font-size: 3em;
		}
	.home-events-title::after, 
	.home-news-title::after {
		content: none;
	}
	.section-home-news {
		padding: 40px 0;		
	}
	.section-home-events {
		padding: 40px 0;
		background-color: #eff0ea;
	}
		.green-title {
			color: var(--secondary);
			font-weight: 600;
		}
		.section-home-news .card, 
		.section-home-events .card {
			border: 0;
			border-radius: 5px;
		}
		.section-home-news .card {
			min-height: inherit;
		}
		.section-home-news .home-news-btn, 
		.section-home-events .home-events-btn {
			display: inline-flex;
			align-items: center;
			border: 1px solid var(--secondary);
			padding: 20px;
			height: 50px;
			margin-top: 30px;
			font-size: 0.875em;
			text-transform: uppercase;
		}
		.card-date-description .far, 
		.card-locations .fas {
			margin-right: 10px;
			width: 15px;
			color: var(--secondary);
			text-align: center;
		}
		.events-list .card .card-body {
			z-index: 1;
			padding: 0 15px 15px;
		}
		.date .time {
			display: flex;
			flex-direction: column;
			color: #fff;
		}
			.practical-info .date span {
				display: inline-flex;
				flex-direction: row;
				min-width: unset;
			}			
			.date .single-date, 
			.date .date-start, 
			.date .date-end {
				position: absolute;
				left: 20px;
				top: 135px;
				display: flex;
				align-items: center;
				flex-direction: column;
				justify-content: center;			
				border-radius: 50%;
				height: 70px;
				width: 70px;
				background-color: rgba(0, 0, 0, .7);
			}
			.date .date-end {
				left: 72px;
			}
				.single-date .day-week {
					display: none;
				}
			.home-events-list .date-start, 
			.home-events-list .single-date {
				left: 20px;
				top: 135px;
			}
			.home-events-list .date-end {
				left: 72px;
				top: 135px;
			}
			.single-date {
				padding-top: 10px;
			}
			.date-end::before {
				position: absolute;
				left: 5px;
				top: 20px;
				content: "\f054";
				display: block;
				height: 100%;
				width: 100%;
			}
				.date .time .date-start-text,
				.date .time .date-end-text {
    				margin-bottom: 3px;
					font-size: .875em;
					text-transform: uppercase;
				}
				.date .time .day {
					margin: -10px 0;
					font-size: 34px;
					font-weight: 600;
					line-height: 1;
				}
				.date .time .month {
					font-size: 1.125em;
				}
	.owl-carousel h4{
		display: none;
	}
		.owl-nav .owl-prev, 
		.owl-nav .owl-next {
			position: absolute;
    		top: calc(50% - 25px);
			display: block;
			border-radius: 50%;
			height: 50px;
			width: 50px;
			background-color: #fff;
			overflow: hidden;
			text-indent: 200%;
			transition: .3s ease;
		}
		.owl-nav .owl-prev {
			left: -12px;
		}
		.owl-nav .owl-next {
			right: -12px;
		}
		.owl-nav .disabled {
			display: none;
		}
			.owl-nav .owl-prev::before, 
			.owl-nav .owl-next::before {
				position: absolute;
				display: flex;
				align-items: center;
				justify-content: center;
				height: 100%;
				width: 100%;
				color: #333;
				font-weight: 600;
				text-indent: 0;
			}
			.owl-nav .owl-next:active, 
			.owl-nav .owl-prev:active, 
			.owl-nav .owl-next:focus, 
			.owl-nav .owl-prev:focus {
				background-color: #fafafa;
			}
			.owl-nav .owl-prev::before {
				content:"\f053";
			}
			.owl-nav .owl-next::before {
				content: "\f054";
			}

/* ACCES RAPIDES */
	.quick-access {
		padding: 40px 0;
		background-color: #eff0ea;
	}		
		.quick-access .section-home__inner {
			justify-content: center;
		}
			.quick-access .quick-access-title,
			.meteo .meteo-title,
			.home-news-header .home-news-title,
			.home-events-header .home-events-title,
			.meteo .meteo-title {
				text-transform: uppercase;
			}
			.quick-access-title {
				margin-bottom: 25px;
				font-size: 1.875em;
				text-align: center;
			}
			.mosaic-quick-access {
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				height: 100%;
				padding: 0;
			}
				.mosaic-quick-access .quick-access-article {
				    width: calc(50% - 15px);
				    margin: 10px 0;
				}
					.mosaic-quick-access .quick-access-article .item {
						display: flex;
						flex-direction: column;
						justify-content: space-between;
						border-radius: 5px;
						box-shadow: 20px 0 50px rgba(0, 0, 0, .1);
						padding: 10px;
						height: 100%;
						margin: 0;
						background-color: #fff;
						text-align: center;
						transition: .3s ease;
					}
					.mosaic-quick-access .quick-access-article .item:hover {
						background-color: var(--secondary);
						cursor: pointer;
					}
					.mosaic-quick-access .quick-access-article .news-results_title {
						color: #333;						
						font-size: 1.125em;
					}
						.mosaic-quick-access .quick-access-icons,
						.mosaic-quick-access .quick-access-icons-white {
							height: 50px;
							margin: 10px;
							transition: .3s ease;
						}
						.mosaic-quick-access .ic_paiement .quick-access-icons,
						.mosaic-quick-access .ic_paiement .quick-access-icons-white {
							height: 33px;
						}
						.mosaic-quick-access .quick-access-icons-white {
							display: none;
						}
						.mosaic-quick-access .quick-access-article .item:hover .quick-access-icons {
							display: none;
						}
						.mosaic-quick-access .quick-access-article .item:hover .quick-access-icons-white {
							display: block;
						}
			.quick-access .section-home__inner a:not([href]) {
				display: none;
			}
			.quick-access .section-home__inner iframe {
				height: 285px; /* 10/11/26 */
				padding: 0;
				width: 330px!important;
			}

/* KIOSQUE */
	.section-home-kiosque {
		background: url(../Img/SVG/vagues_bg.svg);
		background-size: cover;
	}
		.home-kiosque-list {
			display: flex;
			align-items: center;
			flex-direction: column;
			padding: 100px 0;
		}
		.safari .home-kiosque-list {
			display: block;
		}
			.home-kiosque-list .content {
				flex-direction: column;
				justify-content: space-between;
				height: 100%;
			}
			.safari .home-kiosque-list .content {
				height: auto;
			}
				.home-kiosque-list .home-kiosque-item {
					display: flex;
				    flex-direction: column;
					border-radius: 5px;
					box-shadow: 0 0 20px rgba(0, 0, 0, .1);
					padding: 10px;
					width: 100%;
					background-color: #fff;
				}
				.safari .home-kiosque-list .home-kiosque-item {
					margin: 0 auto 30px;
				}
				.home-kiosque-list .home-kiosque-item {
					margin-bottom: 30px;
					max-width: 350px;
				}
					.home-kiosque-list .home-kiosque-item ul {
						display: none;
	    				padding: 0 30px;
						list-style: none;
					}
						.home-kiosque-list .home-kiosque-item ul .fas {
							margin-right: 5px;
							color: var(--secondary);
						}
					.home-kiosque-list .home-events-title {
						margin-bottom: 20px;
						color: #333;
						font-size: 1.875em;
						text-align: center;
						text-transform: uppercase;						
					}
					.home-kiosque-list .home-events-title::after {
						content: "";
						display: block;
						margin: 5px auto 20px;
						height: 5px;
						width: 90px;
						background: url(../Img/SVG/vague_titre.svg);
					}
					.home-kiosque-list .home-events-title::before {
						content: "";
						display: block;
						margin: 0 auto 10px;
						height: 45px;
						width: 50px;
						background-repeat: no-repeat;
					}
					.home-kiosque-list .home-events-title.kiosque-title::before {
						background-image: url(../Img/SVG/ic_kiosque.svg);			
					}
					.home-kiosque-list .home-events-title.newsletter-title::before {
						background-image: url(../Img/SVG/ic_newsletter.svg);
					}
					.home-kiosque-list .home-events-title.plan-title::before {
						background-image: url(../Img/SVG/ic_plan.svg);
					}
					.home-kiosque-list figure {
						position: relative;
					}
						.home-kiosque-list .home-kiosque-text {
							padding: 15px;
							width: 100%;
							background-color: #d7e2f3;
							text-align: center;
						}
						.home-kiosque-list .home-kiosque-item:nth-child(2) .home-kiosque-text {
							background-color: transparent;
						}
							.home-kiosque-list .kiosque-text-title {
								width: 50%;
								margin-left: auto;
								padding: 0 20px;
								color: #333;
								font-size: 1.5em;
								font-weight: 600;
								text-align: left;
								word-break: break-word;
							}
							.home-kiosque-list .home-kiosque-text .kiosque-img-extension {
								display: block;
								margin-left: auto;
								padding: 0 20px;
								width: 50%;
								color: #333;
								font-size: .938em;
								text-align: left;
								text-transform: uppercase;
							}
						.home-kiosque-list figure img {
							position: absolute;						
							left: 20px;
							top: 20px;
	    					box-shadow: 0 0 20px rgba(0, 0, 0, .1);
							height: 202px;
							width: 134px;
							background-color: #fff;
							transform: rotate(-5deg);
						}
						.home-kiosque-list .home-kiosque-links {
							display: flex;
							justify-content: center;
							width: 50%;
							margin-left: auto;
						}
							.home-kiosque-links .button-circle {
								display: flex;
								align-items: center;
								justify-content: center;
								border: 1px solid var(--secondary);
								border-radius: 50%;
								margin: 30px 2.5px;
								height: 50px;
								width: 50px;
								color: #333;
								cursor: pointer;
								transition: .3s ease;
							}
							.home-kiosque-links .button-circle:hover {
								background-color: var(--secondary);
							}
								.home-kiosque-links .button-circle a {
									color: #333;
								}
		.home-kiosque-list .col-3 .content a {
			display: grid;
		}
			.home-kiosque-item .img-plan {
				height: 260px;
				width: 100%;
				margin-bottom: 10px;
				object-fit: cover;
			}
		.section-home-kiosque .btn {
			display: flex;
			align-items: center;
			justify-content: center;
			border: 1px solid var(--secondary);
			margin-top: auto;
			height: 50px;
			width: 100%;
			font-size: 0.875em;
			text-transform: uppercase;
		}
		.section-home-kiosque .btn:hover {
			color: #333!important;
		}


/* 07 = PAGE INTERNE */
/* Page 1 collonne */
.layout-single.page1colonne article.col-lg-12 {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}
/* RTE */ 
/* TITRES ET ELEMENTS En relatif car A+/A- ! */
.rte-content .lead {
	margin-bottom: 35px;
	width: 100%;
	font-size: 1.5em;
	line-height: 1.5;
}
.rte-content .col-lg-8 .lead {
	padding: 0;
}
.pagesummary .rte-content .lead {
	padding: 0 15px;
}
.rte-content strong {
	color: #744c2a;
	font-weight: 600;
}
.rte-content .strike {
	text-decoration: line-through;
}
.rte-content .alert-success strong {
	color: #155724;
}
.rte-content .encart,
.rte-content .frame-encart {	
	background-color: #d7e2f3;
}
.rte-content .frame-encart {
	margin-bottom: 3em;
}
	.rte-content .encart h2,
	.rte-content .encart h3,
	.rte-content .frame-encart h2,
	.rte-content .frame-encart h3 {
	    color: #333;
	    font-size: 1.5em;
	}
	.rte-content .encart *:last-child,
	.rte-content .frame-encart *:last-child {
		margin-bottom: 0;
	}
.rte-content h2::after {
	content:"";
	display: block;
	height: 5px;
	width: 60px;
	background-color: var(--secondary);
}
.rte-content h2, .rte-content h3, .rte-content h4, .rte-content h5,
.rte-content .h2, .rte-content .h3, .rte-content .h4, .rte-content .h5 {
	font-weight: 600;
	margin-bottom: 25px;
}
.rte-content h2,
.rte-content .frame-header h2 {    
	font-size: 2.25em;
}
.rte-content h3 {
	color: #579bc2;
	font-size: 1.875em;
}
.rte-content h4,
.rte-content .h4 {
	color: #744c2a;
}
	.rte-content .h4::after {
		display: none;
	}
.rte-content p,
.rte-content .list-normal li,
.rte-content ol li  {   
    font-size: 1em;
    line-height: 1.5;
}
.rte-content p {
	 margin-bottom: 25px;
}
.rte-content blockquote,
.frame-inner>blockquote:last-child {
    border: 2px solid var(--secondary);
    margin-bottom: 25px;
    padding: 15px 15px 15px 60px;
    background-size: 44px 44px;
    font-size: 1.125rem;
    line-height: 1.333;
}
.rte-content blockquote::before {
	position: absolute;
	left: 15px;
	top: 15px;
	content:"";
	display: block;
	height: 30px;
	width: 30px;
	background-image: url("../Img/SVG/ic_citation.svg");
}
.rte-content blockquote p {
	font-size: 1em;
	line-height: 1.333;
}
.rte-content ul, .rte-content ul:last-child, 
.rte-content ol, .rte-content ol:last-child {
    margin-bottom: 25px;
    padding-left: 60px;
}
.rte-content ul.list-unstyled {
	padding-left: 0;
}
.list-normal {
    list-style: none;
}
	.list-normal li {
	    position: relative;
	}
		.list-normal li::before {
		    position: absolute;
		    left: -25px;
		    top: 1px;
		    content: '\f138';
		    display: block;
		    color: var(--secondary);
		    font-size: 16px;
		    font-weight: 600;
		}
figure .caption {
    padding-top: 5px;
    color: #737373;
    font-size: .875em;
    line-height: 1;
    text-align: right;
}
.rte-content a, .rte-content a:hover, .rte-content a:active, .rte-content a:focus {
	color:#498400;
	text-decoration: underline;
}
.rte-content a:hover, .rte-content a:active, .rte-content a:focus {
	text-decoration: none;
}
.form-horizontal .obligatoires {
	color: var(--reda11y);
}
.form-group .control-label span[aria-hidden="true"] {
	margin-left: 3px;
	color: var(--reda11y);
}

/* Surcharges Bootstrap */
.frame-type-textmedia .textmedia-gallery {
	padding: 0;
}
.frame-type-textmedia .textmedia-text {
	padding: 0;
}

/* Tableaux */
.rte-content table {
    color: #333;
    width: 100%;
}
    .rte-content thead {
        background-color: #6caed6;
    }
        .rte-content tr {
            border-left: 1px solid #e3e3e3;
        }
        .rte-content thead th { 
            border: 1px solid #6caed6;
        }
        .rte-content th {  
            padding: 10px;
            font-size: 1.5em; 
            text-align: left;
        }
        .rte-content td {
            border-bottom: 1px solid #e3e3e3;
            border-right: 1px solid #e3e3e3;    
            padding: 10px;
            font-size: 0.938em;
        }
        .rte-content tfoot th,
        .rte-content tfoot td {
            border-bottom: 1px solid #e3e3e3;
            border-right: 1px solid #e3e3e3;
        }
            .rte-content table td p {
                margin: 0;
            }

/* Accordéons */
.accordion .accordion-header {
	border: 0;
	margin-bottom: 0;
	padding: 0;
}
.accordion,
.frame-inner>.accordion:last-child {
	margin-bottom: 2em;
}
.accordion-item {
	border: 0!important;
}
.accordion-item + .accordion-item {
	margin-top: 10px;
}
	.accordion>.card {
		overflow: visible;
		}
		.accordion>.card>.card-header {
			background: none;
		}
			.accordion .accordion-button {
				border: 2px solid var(--secondary);
				background-color: #fff;
				font-size: 1em;
			}
			.accordion-item:first-of-type>.accordion-header .accordion-button,
			.accordion-item:last-of-type>.accordion-header .accordion-button,
			.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
				border-radius: 0;
			}
			.rte-content .accordion-header .accordion-title {
			    margin: 0;
				font-size: 1.5em;
				line-height: 1.2em;
			}
				.accordion-header .accordion-title-link,
				.accordion-header .accordion-title-link:hover,
				.accordion-header .accordion-title-link:focus,
				.accordion-header .accordion-title-link:active,
				.accordion .card a:not(.btn):hover {
					border-bottom-right-radius: 25px;
					border-top-right-radius: 25px;
				    padding: 11px 50px 11px 20px;
				    color: #333;
				}
				.accordion-header .accordion-title-link,
				.accordion-item a:not(.btn) {
					border: 0;
					/*padding: 10px 50px 10px 20px;*/
					color: #333;
					font-weight: 400;
				}
				.accordion-header .accordion-title-link.collapsed {
				    background: #eff0ea;
				}
				.accordion-header .accordion-title-link {
				    background: var(--secondary);
				    text-decoration: none;
				}
					.accordion-title-link-state {
						position: absolute;
						right: -1px;
						top: 0;
						height: 50px;
						width: 50px;
						transform: none;
					}
						.accordion-title-link-state:before {
							position: absolute;
							top: 0;
						    content: '\f00d'; /* Croix */
						    font-weight: 400;
						    display: flex;
						    align-items: center;
						    justify-content: center;
						    border-radius: 50%;
						    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
						    height: 50px;
						    width: 50px;
						    font-size: 16px;
						    background: #fff;
						}
						.accordion-title-link-map.collapsed .accordion-title-link-state:before {
						    content: ''; /* \f078 Flèche vers le bas */
						    font-size: 14px;
						    font-weight: 600;
						}
						.collapsed .accordion-title-link-state:before {
							background-color: var(--secondary);
						}
						.accordion-title-link-state:before {
							transform: rotate(0deg);
						}
						.accordion-title-link-state:after {
							display: none;
						}
	.accordion-body {
		border-top: 0;
	}

/* Menu de sections */
.frame-type-menu_section .accordion-collapse .menu-section {
	padding-left: 16px;
}
	.frame-type-menu_section .accordion-collapse .menu-section a {
	    display: block;
	    padding: 0 10px 20px;
	    color: var(--secondary);
	    font-size: 1.125em;
	    text-decoration: none;
	}

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

/* Plan du site */
.rte-content .frame-type-menu_sitemap ul {
    padding: 0;
}
	.rte-content .frame-type-menu_sitemap a {
		color: #333;
	    text-decoration: none;
	}

/* Corrections plan interactif dans les fiches */
.embed-responsive-16by9 {
	margin-bottom: 0;
}
.loading {
	height: 300px;
	width: 100%;
}
.map-info {
	border: 2px solid var(--secondary);
}
	/* Correction styles icône */
	.map-info .leaflet-container .leaflet-marker-pane img {
		height: 41px!important;
		width: 25px!important;
	}
	/* Bloc infos */
	.map-info .map-info-items {
		display: flex;
		padding: 30px;
	}
		.map-info .map-info-left {
			display: flex;
			flex-direction: column;
			width: 50%;
			font-size: .938em;
		}
			.map-info .schedule-title {
				font-size: .933em;
				text-transform: uppercase;
			}
				.map-info .map-info-title {
					display: flex;
					font-size: .933em;
					text-transform: uppercase;
				}
					.map-info .map-info-title .fas {
						margin-right: 5px;
					}
				.map-info .map-info-location {
					font-weight: bold;
				}			
		.map-info .map-info-time {
			display: flex;
			flex-direction: column;
			width: 50%;
			color: #333;
			font-size: .938em;
			line-height: 1.6;
		}
			.map-info .map-info-time .far {
				display: inline;
				margin: 5px 5px 0 0;
			}
				.map-info p {
					margin: 0;
					color: #848483;
				}

/* Correction Page 1 colonne */
.page1colonne .row.rte-content > .frame-default {
	padding: 0 15px;
	width: 100%;
}
.page1colonne .frame-type-artifica_form_pi1 {
	width: 100%;
}

/* Map */
.map .second-header {
	position: relative;
}
	.map .second-header .container-title {
		padding-top: 60px;
	}
	.map .second-header .site-tools {
	    bottom: -50px;	    
	    transform: none;
	}
		.map .second-header .site-tools .d-flex {
			display: none!important;
		}
.map main {
	margin: 0;
}
	.map .site-main > .container {
	    display: flex;
	    height: 50px;	    
	}
		.map .breadcrumb {
			margin: 0;
			padding: 0;
		}
	.map .map-page {
		flex-direction: column;
		height: 100%;
		background-color: #eff0ea;
	}
		.map-page .map-col-left {
			width: 100%;
		}
			/* Titre bloc */
			.map-col-left .filters-title {
				position: relative;
				display: flex;
			    align-items: center;
			    height: 50px;
			    padding: 0 20px;
			    background: var(--secondary);
			    font-size: 1.5em;
			}
				.map-col-left .filters-title::after {
					position: absolute;
				    right: 10px;
				    top: 10px;
				    border-radius: 50%;
				    height: 30px;
				    width: 30px;
				    display: flex;
				    align-items: center;
				    justify-content: center;
					content: '\f078';
					background-color: #fff;
					color: #333;
					font-size: 14px;
				    font-weight: 600;
				    transition: transform .3s;
				}
				.map-col-left.visible .filters-title::after {
					transform: rotate(180deg);
				}
			.map-col-left form {
			    position: absolute;
			    bottom: 0;
			    left: 0;
			    right: 0;
			    top: 160px;
			    z-index: 9999;
			    display: none;
			    overflow: hidden auto;				
			}
			.map-col-left.visible form {
				display: block;
			}
				.map-col-left ::-webkit-scrollbar {
					background: transparent;
				    width: 4px;
				    height: 4px;
				}
				.map-col-left ::-webkit-scrollbar-thumb {
					background: #afafb0;
				}
				.map-col-left .accordion-map {
					border-bottom: 1px solid #dee0d1;
					margin-bottom: 0;
				}
					.map-col-left .accordion>.card>.card-header {/* Surcharge Bootstrap */
						border: 0;
						margin-bottom: 0;
						padding: 0;
					}
						/* Titre des accordéons */
						.map-col-left .accordion-title-map {
							position: relative;
							display: flex;
							align-items: center;
							min-height: 50px;
							padding: 10px 50px 10px 20px;
							background-color: #eff0ea;
							font-size: 1.125em;
						}						
							.map-col-left .accordion-title-map .accordion-title-link-text-map {
								/*position: relative;
								z-index: 2;*/
								display: flex;
								align-items: center;
								flex-direction: row-reverse;
							}
								.map-col-left .accordion-title-link-text-map label {
								    margin: 0;
								    font-size: .938em;
								    cursor: pointer;
								}
								.map-col-left .accordion-title-link-text-map .checkbox-map {
									margin: 0 10px 0 0;
								}
							.map-col-left .accordion-header-map .accordion-title-link-map,
							#wrap .map-col-left .accordion-header .accordion-title-link:hover, 
							#wrap .map-col-left .accordion-header .accordion-title-link:focus, 
							#wrap .map-col-left .accordion-header .accordion-title-link:active,
							.map-col-left .accordion-title-map .filter-location,
							#wrap .map-col-left .accordion-title-map .filter-location:hover, 
							#wrap .map-col-left .accordion-title-map .filter-location:focus, 
							#wrap .map-col-left .accordion-title-map .filter-location:active {
							    position: absolute;
							    bottom: 0;
							    left: 0;
							    right: 0;
							    top: 0;
								display: flex;
								align-items: center;
							    justify-content: flex-start;
								padding: 10px 50px 10px 60px;
								line-height: 1;
							}
								.map-col-left .accordion-header-map .list-icon {
								    position: absolute;
								    left: 15px;
								    top: 10px;
								    border-radius: 50%;
								    height: 30px;
								    width: 30px;
								    overflow: hidden;
								}
							.map-col-left .filter-location .accordion-title-link-state-map {
								visibility: hidden;
							}
							.map-col-left .active .accordion-title-link-state-map {
								visibility: visible;
							}
							.map-col-left .accordion-title-map .filter-location.active {
								background-color: #dee0d1;
							}
							.map-col-left .accordion-header-map .accordion-title-link-map.collapsed {
								background-color: transparent;
							}
							.accordion-header-map .accordion-title-link-map,
							.accordion-header-map .accordion-title-link-map:hover,
							.accordion-header-map .accordion-title-link-map:focus,
							.accordion-header-map .accordion-title-link-map:active,
							.accordion-map .card a:not(.btn):hover {
								border-radius: 0;
							}
								.map-col-left .accordion-title-link-state-map {
									margin-left: auto;
								}
								.map-col-left .accordion-title-link-state-map::before {
									background-color: transparent;								
		    						box-shadow: none;
								}
							/* Contenu des accordeons */
							.map-col-left .accordion-body {
								padding: 0 20px;
								background-color: #eff0ea;
							}
								.map-col-left .accordion-content {
									margin: 0;
								}
									.map-col-left .accordion-content-item {
										padding: 0;
									}
										.map-col-left .accordion-body li {
											position: relative;
											display: flex;
											/*flex-direction: row-reverse;
											justify-content: flex-end;*/
											padding: 10px 0;
											line-height: 1;
											overflow: hidden;
										}
											.map-col-left .accordion-body .label-number {
												order: 3;
												margin-left: auto;
												padding-left: 15px;
											}
											.map-col-left .accordion-body label {
												order: 2;
											    margin: 0;
											    font-size: .938em;
											    cursor: pointer;
											}
											.map-col-left .accordion-body li:first-child label {
												color: #737373;
											}
											.map-col-left .accordion-body .check-cache {
												order: 1;
												position: relative;
												height: 16px;
												margin: 0 10px 0 0;
												min-width: 16px;
												overflow: hidden;
											}
												.map-col-left .accordion-body .checkbox-map {
													position: absolute;
													top: -25px;
													/*margin: 0 10px 0 0;*/
												}
												.map-col-left .accordion-body .check-cache::after {
													content: '\f0c8';
													color: #999;
												}
												.map-col-left .accordion-body li:first-child .check-cache::after {
													content: '\f146';
												}
												.map-col-left .accordion-body .checkbox-map:checked ~ .check-cache::after {
													content: '\f14a';
													color: #0075ff;
													font-weight: 600;
												}

		.map-page .map-content {
			height: 100%;
		}
			.map-page .map-content .embed-responsive {
				z-index: 0; /* Pour le menu */
				height: calc(100vh - 140px);
			}
			.map-content .leaflet-control-container .leaflet-top.leaflet-left {
				bottom: 20px;
				left: auto;
				right: 10px;
				top: auto;
			}
.map .site-footer {
    display: none;
}
.marker-cluster-small,
.marker-cluster-medium,
.marker-cluster-big {
	background-color: transparent;
}
.marker-cluster-small div,
.marker-cluster div {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #000;
    border-radius: 18px!important;
    height: 36px!important;
    width: 36px!important;
    font-size: 18px!important;
    background: #fff;
    outline: none;
}
.map-marker img {
    cursor: pointer;
    height: 26px;
    width: 26px;
    border-radius: 50%;
    border: 2px solid white;
    transition: all 0.2s cubic-bezier(0, 1.3, 0.6, 1.7);
}
.leaflet-container .leaflet-marker-pane img {
    border-radius: 16px;
    /*height: 30px!important;
    width: 30px!important;*/
    overflow: hidden;
}

/* Bloc annuaire colonne droite */
/* Blocs colonne droite */
.col-right .aside-bloc-download,
.col-right .aside-bloc-contact {
	margin-bottom: 50px;
}
/* Surcharge Bootstrap */
.frame-inner>.alert-success:last-child {
	margin-bottom: 1rem;
}

/* ====================== CARD GROUPS début ======================= */
/* Avant / après */
/* Conteneur */
/* Bouton */  

/* Groupe de carte */

/* Timeline */
.timeline-item-header-headline {
	color: var(--main);
}

/* Etapes */
.step .step-title {
	background-color: var(--main);
	font-weight: 400;
}

/* Chiffres */
/* Bloc chiffres bleu */
.icongroup.frame-background-primary {
	background-color: var(--main);
}
/* Bloc chiffres vide */

/* ====================== CARD GROUPS fin ======================= */

	
/* 08 = ACTUALITÉS */
/* Liste */
	.page-events .page-title, 
	.page-news .page-title {
		font-size: 2.55em;
		font-weight: 600;
	}	
	.events-list .events-title, .news-list .news-title {
		margin-bottom: 10px;
		color: #333;
		font-size: 1.5em;
		font-weight: 600;
	}
	.events-list, .news-list {
		margin: 0 0 50px;
	}
	.events-list a, .news-list a, .newsletter a {
		text-decoration: none;
	}
		.card-group-element-columns-3 .card-group-element-item {
			margin: 0 10px 30px;
			padding: 0;
			min-height: 350px;
			max-width: 350px;
			width: 100%;
		}
		.news-list .card-group-element {
			gap: 0;
			justify-content: center;
			margin: 0 -15px;
		}
		.events-list .card-group-element {
			justify-content: center;
			margin: 0 -15px;
		}
			.events-list .card-group-element-item {
				display: flex;
			}
				.card-group-element-item .item {
					height: 100%;
					width: 100%;
				}
				.news-list a.news-link:hover, 
				.events-list a.events-link:hover {
					text-decoration: none;
				}
				.news-list .card {
					border: 0;
					border-radius: 5px;
					box-shadow: 0 0 20px rgba(0, 0, 0, .1);
					height: 100%;
					overflow: hidden;
				}
				.events-list .card {
					border: 0;
					border-radius: 5px;
					box-shadow: 0 0 20px rgba(0, 0, 0, .1);
					min-height: 360px;
					overflow: hidden;
				}
				.news-list .card:hover, 
				.events-list .card:hover {
					text-decoration: none;
				}
				.news-list .card-img-top {
					height: 280px;
				}
				.news-list .card-img-top::before {
					position: absolute;
					bottom: -252px;
					left: -2%;
					content: "";
					display: block;
					height: 100%;
					width: 104%;
					background: url("../Img/SVG/vague_article.svg");
					background-repeat: no-repeat;
				}
				.events-list .card-img-top::before {
					position: absolute;
					bottom: -181px;
					left: -2%;
					content: "";
					display: block;
					height: 100%;
					width: 104%;
					background: url("../Img/SVG/vague_article.svg");
					background-repeat: no-repeat;
				}
					.news-list .card-img-top .news-figure {
						display: flex;
    					align-items: center;
						height: 280px;
						margin: 0;
    					background-color: #d7e2f3;
					}
					.news-list .card-img-top .img-fluid {
						height: 280px;
						width: 100%;
					}
					.news-list .card-img-top .nopix-img {
						height: 100px;
					}
					.news-list .card-img-top .img-fluid[src*='ic_actu_white'] {
						height: 100px;
					}
					.events-list .card-img-top .img-fluid {
						height: 210px;
					}
				.news-list .card-body {
					z-index: 1;
					padding: 0 15px 15px;
					min-height: auto;
				}
					.events-list p {
						margin-bottom: 0;
						font-size: 1em;
						line-height: 1.5;
					}
	.newsletter {
		position: relative;
		display: flex;
		align-items: center;
		flex-direction: column;
		margin-bottom: -60px!important;
		padding: 40px 0;
		background-color: #eff0ea;
		text-align: center;
	}
	.newsletter::before {
		position: absolute;
		left:-100%;
		top: 0;
		content: "";
		z-index: -1;
		height: 100%;
		width: 1000%;
		background-color: #eff0ea;
	}
		.newsletter .newsletter-title {
			color: #333;
			font-weight: 500;
		}
		.newsletter p {
			line-height: 1.6;
		}
		.newsletter a, .newsletter a:hover {
			color: #333;
		}
		.newsletter-title {
			color: #333;
		    font-size: 1.875em;
		    font-weight: 300;
		    text-align: center;
		    text-transform: uppercase;
		}
		.newsletter-title::after {
			content: "";
		    display: block;
		    margin: 5px auto 0 auto;
		    height: 5px;
		    width: 90px;
		    background: url(../Img/SVG/vague_titre.svg);
		}
		.newsletter-title::before {
		    content: "";
			display: block;
		    margin: 0 auto;
		    height: 45px;
		    width: 50px;
		    background-image: url(../Img/SVG/ic_newsletter.svg);
		    background-repeat: no-repeat;
		}
		.newsletter .newsletter-p {
			margin-bottom: 2em;
		}
		.newsletter .btn, .newsletter-btn {
			display: inline-flex;
			align-items: center;
			border: 1px solid var(--secondary);
			padding: 0 80px;
			height: 50px;
			text-transform: uppercase;
		}
		.newsletter .btn:hover, .newsletter-btn:hover {
			background-color: var(--secondary);
		}

/* Single */
.single-news .page-picture,
.single-events .page-picture {
	background-color: #eff0ea;
}
.single-news .picture-desc,
.single-events .picture-desc {
	background-color: #fff;
	color: #737373;
	font-size: .875em;
	text-align: right;
}
.date-news-content {
	color: #737373;
	font-size: 0.875em;
}
	#wrap .rte-content a.previous:hover {
		background-color: var(--secondary);
	}
		a.previous .fas {
			margin-right: 10px;
			color: var(--secondary);
			transition: .3s ease;
		}
		a.previous:hover .fas {
			color: #333;
		}
	.col-right .aside-bloc-contact span {
		color: #333;
	}
		.col-right .aside-bloc-contact li {
			margin: 10px 0 ;
		}
		.col-right .aside-bloc-contact li:first-child {
			margin-top: 0;
		}
		.col-right .aside-bloc-contact li:last-child {
			margin-bottom: 0;
		}


/* 09 = AGENDA */
/* Liste */
.events-list .card-group-element-columns-4 .card-group-element-item {
	margin: 0 15px 30px;
	padding: 0;
	max-width: 270px;
}
	.events-list .events-item .events-figure .nopix-img {
	    padding: 22% 38% 38%;
		background-color: #d7e2f3;
	}

/* Single */
.single-events > * {
	margin-bottom: 40px;
}
.single-events > *:last-child {
	margin-bottom: 0;
}
.single-events p {
	margin: 0;
}
.single-events .frame-type-textmedia p {
	margin-bottom: 25px;
}
	.single-events .practical-info {
		border: 2px solid var(--secondary);
		padding: 20px;
	}
		.single-events .practical-info-title {			
			font-size: 1.5em;
			font-weight: 300;
		}
		.single-events .practical-info-title::after {
			content: none;
		}
		.single-events .date, .single-events .practical-info-item {
			display: flex;
			font-size: .938em;
		}
		.single-events .date {
			flex-wrap: wrap;
		}
			.single-events .date .wording {
				max-width: calc(100% - 30px);
			}
			.single-events .practical-info-item > a {
				display: flex;
			}
				.single-events .practical-info-item > a .fas {
					list-style: none;
				}
					.single-events .date .time {
						flex-direction: row;
						color: #333;
					}
					.single-events .date .time .day {
						margin: 0;
						font-size: 1em;
						font-weight: 300;
						line-height: 1.5;
					}
					.single-events .date .time .month {
						font-size: 1em;
					}
					.practical-info .date-passed,
					.practical-info .deferred {
						color: #999;
						text-decoration: line-through;
					}
						.practical-info .date-passed .fa-calendar-alt,
						.practical-info .deferred .fa-calendar-alt {
							color: #999;
							text-decoration: none;
						}
						.single-events .practical-info .date-passed .time,
						.single-events .practical-info .deferred .time {
							color: #999;
						}
						.practical-info .deferred::after {
							content: '(Reporté)';
						    margin-left: 5px;
						    color: #ef6c00;
						    text-transform: uppercase;
						    float: left;
						}
					.blueimp-gallery-carousel a {
						text-decoration: none;
					}
					.single-events a.fullScreen, 
					.single-events a.fullScreen span /* Bouton "plein écran" du diaporama */{
						display: flex;
						align-self: center;
						justify-content: center;
					}
					.single-events .diaporama-controls li.active {
						border-color: var(--secondary);
					}
					.single-events a.prev, 
					.single-events a.next {
						display: inline-flex;
						align-items: center;
						justify-content: center;
						color: var(--secondary);
						text-decoration: none;
						transition: .3s ease;
					}
					.single-events a.prev:hover, 
					.single-events a.next:hover {
						background-color: var(--secondary);
						color: #333;
					}
.col-right .addEvents,
.modal-footer .btn-default, 
.modal-footer .btn-default {
	border: 1px solid var(--secondary);
	margin-bottom: 60px;
	height: 50px;
	width: 100%;
	background-color: #fff;
	color: #333;
	font-size: .875em;
	text-transform: uppercase;
	transition: .3s ease;
}
.col-right .addEvents:hover,
.col-right .addEvents:active,
.col-right .addEvents:focus {
	border: 1px solid var(--secondary);
	background-color: var(--secondary);
}
	.col-right .addEvents .fa-calendar-plus {
		margin-right: 15px;
		color: var(--secondary);
		transition: .3s ease;
	}
	.col-right .addEvents:hover .fa-calendar-plus,
	.col-right .addEvents:active .fa-calendar-plus,
	.col-right .addEvents:focus .fa-calendar-plus {
		color: #333;
	}
	.col-right .aside-bloc-contact {
		margin-bottom: 3em;
	}
		.col-right .aside-bloc-contact ul {
			padding-left: 0;
			list-style: none;
		}
			.col-right .contact-title,
			.col-right .frame-title {
				margin-bottom: 25px;
			    font-size: 1.5em;
				font-weight: 300;
			    text-transform: uppercase;
			}
			.col-right .contact-title::after,
			.col-right .frame-title::after {
				margin-top: 10px;
				height: 1px;
				width: 100%;
			}
				.rte-content .aside-bloc-download ul {
					padding: 0;
					list-style: none;
				}
					.aside-bloc-download .media-list-default li {
						display: flex;
						flex-direction: column;
						margin-bottom: 25px;
					}
					.col-right .aside-bloc-contact li {
						font-size: .938em;
					}
						.col-right .organizer-item-title {
							font-weight: bold;
						}
						.col-right .organizer-item-address {
							display: block;
						}
							.col-right .organizer-item .far,
							.col-right .organizer-item .fas {
								margin-right: 10px;
								color: var(--secondary);
								font-size: 16px;
							}
								.col-right .organizer-item strong {
									color: #333;
								}
						.aside-bloc-download a {
							color: #333;
							text-decoration: none;
						}
						.aside-bloc-download a:hover,
						.aside-bloc-download a:active,
						.aside-bloc-download a:focus {
							color: #333;
						}
							.aside-bloc-download .media-left {
								display: flex;
								align-items: center;
								justify-content: center;
								border: 1px solid var(--secondary);
								border-radius: 50%;
								padding: 0;
								margin-right: 10px;
								height: 50px;
								width: 50px;
								min-width: 50px;
								background-color: var(--secondary);
								transition: .3s ease;
							}
							.aside-bloc-download a:hover .media-left {
								background-color: #fff;
							}
							.media-list-default .media-body {
								font-size: 1.125em;
								font-weight: 600;
								line-height: 1.333;
							}
								.aside-bloc-download .media .fas,
								.aside-bloc-download .media .far {
									transition: .3s ease;
								}
								.aside-bloc-download a:hover .fas,
								.aside-bloc-download a:hover .far {
									color: var(--secondary);
								}
								.media-body .extension {
									font-weight: 400;
								}

/* Modale partager avec mon agenda */
.modal-footer .btn-default {
	margin: 0;
	width: auto;
}
#modalShareAgenda .close {
	border: 1px solid var(--secondary);
	border-radius: 0;
	height: 50px;
	width: 50px;
}


/* 10 = ANNUAIRE */
/* liste */
.directories-list a,
.item-directories a {
	text-decoration: none;
}
.directories-list .totalresults {
	font-size: 1.5em;
	font-weight: 600;
}
	.directories-list .filters {
		display: flex;
		align-items: center;
		border-radius: 5px;
		margin-bottom: 20px;
		padding: 30px;
		background-color: var(--secondary);
	}
		.directories-list .filters > .d-flex {
			flex-direction: column;
		}
		.directories-list .filters * {
			margin: 0 0 10px;
		}
		.directories-list .filters *:last-child {
			border: 0;
			margin-bottom: 0;
		}
			.directories-list .col-filter-elected {
				width: 100%;
			}
		.directories-list .criteria-total {
			margin-bottom: 30px;
		}
			.directories-list .filters .form-group {
				margin-right: 30px;
				width: 100%;
			}
				.directories-list .filters .form-group .design-select {
				    width: 100%;					    
					background: #fff url("../Img/chevron.png") no-repeat right 20px top 21px;
				    overflow: hidden;
				}
					.directories-list .form-group .form-control {
						margin-bottom: 0;
						padding-right: 35px;
						height: 50px;
						width: 100%;
						font-size: 1.125em;
						text-overflow: ellipsis;
						text-transform: uppercase;
					}
					.directories-list .form-group #categories {
						width: 110%;
						background: transparent;
					}
						.directories-list .form-group .category-first-option::before {
							content:"\f078";
						}
					#wrap .directories-list .filters-directories-search {
						border: 1px solid #fff;
						background-color: var(--secondary);
						font-size: .875em;
						font-weight: bold;
					}
					#wrap .directories-list .filters-directories-search:hover {
						background: #fff;
					}
					#wrap .directories-list .filters-directories-search:active {
						background-color: var(--secondary);
					}
				.filters .form-group .filters-directories-text {
					height: 50px;
				    color: #737373;
				    font-size: 1em;
				    font-style: normal;
				    text-transform: inherit;
				}
				.filters .form-group .filters-directories-text::-webkit-input-placeholder {
				    color: #737373;
				    font-size: 1.125em;
				    font-style: normal;
				}
				.filters .form-group .filters-directories-text::-moz-placeholder {
				    color: #737373;
				    font-size: 1.125em;
				    font-style: normal;
				}
/* Liste */
.directories-list .filters-results {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0;
}
	.directories-list .list-item-directories {
		position: relative;
		margin-bottom: 30px;
		padding: 30px;
		width: 100%;
		background-color: #eff0ea;
	}
	.directories-list .list-item-directories::before {
		position: absolute;
	    right: 0;
	    top: 0;
	    content: "";
	    display: block;
	    height: 0;
	    width: 0;
	    border-color: var(--secondary) #fff;
	    border-style: solid;
	    border-width: 0px 20px 20px 0px;
	}
		.directories-list .item {
			flex-direction: column-reverse;
		}
			.item-directories-left {
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				height: 100%;
			}
				.directories-list .item-directories-img {
					display: flex;
					align-items: center;
					justify-content: center;
					margin-bottom: 20px;
					height: 110px;
					width: 110px;
					overflow: hidden;
					background-color: #fff;
				}
				.elected-list .item-directories .item-directories-img {
					position: relative;
					height: 126px;
				}
					.elected-list .list-item-directories:first-child .item-directories-img::before {
					    position: absolute;
					    left: 20%;
					    top: 40%;
						content:'';
						z-index: 1;
						display: block;
					    width: 27px;
					    height: 144px;
					    background: url("../Img/SVG/echarpe_maire.svg") no-repeat 0 0;
					    background-size: cover;
					    transform: rotate(-45deg);
					}
					.directories-list .img-fluid {
						
					}
					.directories-list .img-nopix-svg {
						height: 50px;
						width: auto;
					}
				.directories-list .more-btn {
					display: flex;
					align-items: center;
					justify-content: center;
					border: 1px solid var(--secondary);
					max-width: 140px;
					height: 50px;					
					font-size: .875em;
					text-transform: uppercase;
					transition: .3s ease;
				}
				.directories-list .item-directories-left:hover .more-btn {
					background-color: var(--secondary);
				}
			.directories-list .item-directories-caption {
				margin-left: 20px;
				word-break: break-word;
			}
				.directories-list .item-directories-caption a {
					color: #333;
				}
				.directories-list .item-directories-caption > * {
					margin-bottom: 10px;
				}
				.directories-list .item-directories-caption *:not(:first-child) {
					margin-bottom: 5px;
					font-size: .938em;
				}
				.elected-list .item-directories-caption *:not(:first-child) {					
					margin-bottom: 15px;
				}
				.elected-list .item-directories-caption .fonction {
					font-size: 1.5em;
					line-height: 1;
				}
				.elected-list .item-directories-caption .resume {
					line-height: 1.5;
				}
					.directories-list .item-directories-caption .fas,
					.directories-list .item-directories-caption .far {
						margin-right: 10px;
						width: 15px;
						color: var(--secondary);
					}
					.directories-list .item-directories-caption .fa-phone {
					    transform: rotate(90deg);
					}
				.directories-list .item-directories-caption .title {
					font-size: 1.5em;
				}
				.elected-list .item-directories-caption .title {
					margin-bottom: 0;
				}
				.directories-list .item-directories-caption .title::after {
					content: none;
				}
					.directories-list .item-directories-caption .link {
						color: #333;
					}
.pagination .btn-group {
	display: flex;
	flex-wrap: wrap;
}
	.pagination .btn-group .btn {
		border-radius: 50%!important;
	}
	.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 var(--secondary);
	}
	.pagination .btn-default {
	    display: flex;
	    align-items: center;
	    justify-content: center;
		border: none;
		height: 40px!important;
		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: var(--secondary);
		color: #fff;
	}
	.pagination .current {
	    background-color: rgb(142, 200, 75);
	    color: rgb(255, 255, 255);
	}

/* Elus */
.elected-list .list-item-directories:first-child {
    margin: 0 auto 30px;
	width: 100%;
	background-color: #d7e5c6;
}
	.elected-list .item-directories .item-directories-img {
		margin-bottom: 0;
	}

/* single */
.directories-single .rte-content {
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 100%;
	margin: 0 -20px;
}
	.directories-single .picture {
		height: 355px;
		width: 270px;
		overflow: hidden;
	}
		.directories-single-text .lead {
			margin-bottom: 40px;
		}
			.directories-single-text .directories-single-item {
				display: flex;
				border-top: 1px solid #dfdfdf;
				padding: 20px 0;
			}
			.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: 130px;
					font-size: 1.125em;
					font-weight: bold;
				}
				.directories-single-item .value {
					margin-bottom: 0;
				}
		.directories-single-return-list {
			margin-top: 60px;
		}
			.directories-single-return-list .btn {
				font-size: .875em;
			}


/* 11 = RECHERCHE */
.search-totalresults {
	font-size: 1.5em;
	font-weight: 600;
}
	.search-totalresults b {
		color: var(--secondary);
		font-weight: normal;
	}
.search-result {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
	.search-result .search-result__filter {
		width: 100%;
	}
		.search-result .search-result__filter__title {
			border-bottom: 1px solid var(--secondary);
			padding-bottom: 10px;
			margin: 0;
			color: #333;
			font-size: 1.5em;
			font-weight: 300;
			text-transform: uppercase;
		}
			.rte-content .search-result .search-filter__list {
				margin: 0;
				padding: 0;
				list-style: none;
			}
				.search-result .search-filter__item {
					display: flex;
					align-items: center;
					height: 50px;
					margin-bottom: 10px;
				}
					.search-result .search-filter__item a {
						color: #333;
					}
						.search-result .search-filter__link {
							display: flex;
							align-items: center;
						}
							.search-result .search-filter__icon {
								display: flex;
								align-items: center;
								justify-content: center;
								border: 1px solid var(--secondary);
								border-radius: 50%;
								margin-right: 10px;
								height: 40px;
								width: 40px;
								color: var(--secondary);
								transition: .3s ease;
							}
							.search-result .search-filter__link:hover .search-filter__icon, 
							.search-result .search-filter__link:active .search-filter__icon, 
							.search-result .search-filter__link:focus .search-filter__icon,
							.search-result .active .search-filter__icon {
								background-color: var(--secondary);
								color: #fff;
							}
							.search-result .search-filter__title {
								margin-right: 10px;
							}
							.search-result .active .search-filter__title {
								font-weight: bold;
							}
	.search-result .search-result__content {
		width: 100%;
	}
		.search-result .search-item {
			display: flex;
			flex-direction: column;
    		border-bottom: 1px solid #e3e3e3;
			padding: 30px 0;
			cursor: pointer;
		}
		.search-result .search-item:last-child {
			margin-bottom: 60px;
		}
			.search-result .search-rating {
				width: auto;
				margin: 0 0 10px 0;
				color: #333;
				font-size: .75em;
				font-weight: 300;
				text-transform: uppercase;
			}
				.search-result progress[value] {
				  	margin-right: 10px;
				  	height: 10px;
				  	width: 75px;
					-webkit-appearance: none;
				   	appearance: none;
				}
				.search-result progress[value]::-webkit-progress-bar {
				  	border-radius: 25px;
					background-color: #eff0ea;
				}
				.search-result progress[value]::-webkit-progress-value {
					background-color: var(--secondary);
				  	border-radius: 25px;
				}
			.search-result .title--search-item {
				margin: 0 0 10px 0;
				color: #333;
				font-size: 1.5em;
				font-weight: 600;
			}
			.search-result .title--search-item::after {
				content: none;
			}
			.search-result .search-item__body {
				display: flex;
			}
				.search-result .search-item__type {
					display: flex;
				    align-items: center;
				    justify-content: center;
				    border: 1px solid var(--secondary);
					border-radius: 50%;
					margin-right: 10px;
					min-width: 70px;
				    height: 70px;
					color: var(--secondary);
					font-size: 1.75em;
					font-weight: 300;
					transition: .3s ease;
				}
				.search-result .search-item:hover .search-item__type {
					background-color: var(--secondary);
					color: #fff;
				}
				.search-result .search-item-content {
					width: 100%;
				}
			
					.search-result .search-item__body .abstract {
						width: 100%;
						color: #333;
						font-weight: 300;
					}
						.search-result .search-item__body .abstract p {
							margin: 0;
							font-size: 1em;
						}
					.search-result .search-item__body .time {
						color: #737373;
					}


/* 14 = SOMMAIRE */
.rte-content .siblingnavigation .list-unstyled {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 -15px 40px;
	padding-left: 0;
}
	.siblingnavigation .sibling-item {
		border-radius: 10px;
		min-height: 200px;
		margin: 0 15px 30px;
		max-width: 270px;
		padding: 0;
		width: 100%;
		background-color: #eff0ea;
		color: #333;
		line-height: 1.2;
		transition: .3s ease;
	}
	.siblingnavigation .sibling-item:hover {
		background-color: var(--secondary);
		cursor: pointer;
	}
		.siblingnavigation .sibling-item__link {
			position: relative;
			display: flex;
			flex-direction: column;
			padding: 30px 20px 60px;
			height: 100%;
			width: 100%;
			color: #333;
			font-size: 1.5em;
			font-weight: 600;
			text-decoration: none;
		}
		.siblingnavigation .sibling-item__link:hover,
		.siblingnavigation .sibling-item__link:focus,
		.siblingnavigation .sibling-item__link:active {
			color: #333;
		}
			.siblingnavigation .sibling-item .fas {
				position: absolute;
				bottom: 10px;
				right: 10px;
				display: flex;
				align-items: center;
				align-self: flex-end;
				justify-content: center;
				border-radius: 50%;
				height: 40px;
				width: 40px;
				background-color: var(--secondary);
				color: #333;
				font-size: 15px;
				font-weight: 600;
				transition: .3s ease;
			}
			.siblingnavigation .sibling-item:hover .fas {
				background-color: #fff;
			}
			.siblingnavigation .sibling-item__content {
				margin-top: 10px;
				min-height: 50px;
				font-size: .625em;
				font-weight: 300;
				line-height: 1.5;
			}

/* Accès rapides bas de page */
.section-quick-access-site {
	padding: 30px 0;
	margin-bottom: -60px;
	background-color: #eff0ea;
}
	.section-quick-access-site__inner {
		align-items: center;
		flex-direction: column;
	}
		.section-quick-access-site .quick-access-title {
			font-size: 1.875em;
			text-transform: uppercase;
		}
		.section-quick-access-site .quick-access-title::after {
			content: "";
			display: block;
			margin: 15px auto 0 auto;
			height: 5px;
			width: 90px;
			background: url("../Img/SVG/vague_titre.svg");
		}


/* 15 = PUBLICATIONS */
	.rte-content .files-list-kiosque ul {
		padding: 0;
	}
		.files-list-kiosque li {
			position: relative;
			display: flex;
			margin-top: 20px;
			padding: 30px 20px;
			background-color: #eff0ea;
		}
		.files-list-kiosque li::before {
			position: absolute;
			right: 0;
			top: 0;
			content: "";
			display: block;
			height: 0;
			width: 0;
			border-color: var(--secondary) #fff;
			border-style: solid;
			border-width: 0px 30px 30px 0px;
		}
		.files-list-kiosque .kiosque-list-body {			
			display: flex;
			flex-direction: column;
		}
			.files-list-kiosque .img-responsive {
				margin-right: 5px;
				height: 200px;
				width: 140px;
				background-color: #fff;
			}
			.files-list-kiosque .item-promo__title {
				margin: 0;
				color: #333;
				font-size: 1.125em;
				font-weight: 600;
				word-break: break-word;
			}
				.files-list-kiosque .extension {
					display: block;
					margin-top: 10px;
					font-size: .938em;
					font-weight: 300;
					text-transform: uppercase;
				}
			.files-list-kiosque .home-kiosque-links {
				display: flex;
			}
				.files-list-kiosque .button-circle {
					margin: 15px 2.5px;
				}
			.files-list-kiosque .home-kiosque-links a {
				text-decoration: none;
			}

/* menu archives */
.backendlayout-pagekiosque .kiosque-archives {
	padding: 55px 0 40px;
	background-color: #eff0ea;
}
	.kiosque-archives .kiosque-archives-title {
    	margin: 0 auto 30px;
	}
		.kiosque-archives .kiosque-archives-title::after {
			margin: 5px auto 0 auto;
		}
	.kiosque-archives .archives-list {
		width: 100%;
	}
		.kiosque-archives .archives-list .list-unstyled {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			margin: 0;
		}
			.archives-list .list-unstyled .link {
			    display: flex;
			    align-items: center;
			    flex-direction: column;
			    border-radius: 5px;
			    box-shadow: 0 0 50px rgba(0,0,0,.1);
			    padding: 15px 0;
			    min-width: 170px;
			    height: 110px;
			    margin: 0 15px 30px;
			    background-color: #fff;
			    color: #333;
			    text-decoration: none;
			    transition: .3s ease;
			}
			.archives-list .list-unstyled .link:hover {
				background-color: var(--secondary);
			}
				.archives-list .link .illustration,
				.archives-list .link .illustration_white {
					height: 45px;
					margin-bottom: 10px;
					width:50px;
					transition: .3s ease;
				}
				.archives-list .link .illustration_white {
					display: none;
				}
				.archives-list .link:hover .illustration {
					display: none;
				}
				.archives-list .link:hover .illustration_white {
					display: block;
				}
				.archives-list .link .text {
					font-size: 1.5em;
					line-height: 1;
				}


/* 16 = BREADCRUMBS */
.breadcrumb {
	margin-bottom: 50px;
	color: #737373;
}
	.breadcrumb a {
		text-decoration: none;
	}
		.col-lg-8 .breadcrumb {
			padding: 0;
		}
		.col-12 > .breadcrumb {
			padding: 0;
		}
			.rte-content .breadcrumb-icon,
			.rte-content .breadcrumb-item,
			.rte-content .breadcrumb-link {
				color: #737373;
			}
			.rte-content .breadcrumb-icon:hover,
			.rte-content .breadcrumb-item:hover,
			.rte-content .breadcrumb-link:hover {
				color: #333;
			}
			.breadcrumb .breadcrumb-first {
				padding-left: 0;
			}
				.breadcrumb .breadcrumb-first:hover, 
				.breadcrumb .breadcrumb-first:active, 
				.breadcrumb .breadcrumb-first:focus {
					background-color: transparent;
					text-decoration: underline;
				}
			.breadcrumb .breadcrumb-separator {
				color: var(--secondary);
			}
			.breadcrumb .breadcrumb-last {
				color: #333;
			}


/* 17 = OUTILS ET PARTAGE */
.site-tools .tools-share {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0;
    height: 50px;
    width: 50px;
    font-size: 1.25em;
    text-align: center;
    text-decoration: none;
} 


/* 18 = FORMULAIRE */
.form-horizontal .submit,
.form-horizontal .previous,
.form-horizontal .next {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--secondary);
    margin-top: 60px;
    padding: 20px;
    height: 50px;
    background-color: var(--secondary);
    font-size: 0.875em;
    text-transform: uppercase;
}
.form-horizontal .submit:hover,
.form-horizontal .submit:focus,
.form-horizontal .submit:active,
.form-horizontal .previous:hover,
.form-horizontal .previous:focus,
.form-horizontal .previous:active,
.form-horizontal .next:hover,
.form-horizontal .next:focus,
.form-horizontal .next:active,
.submit:not(:disabled):not(.disabled):active, 
.submit:not(:disabled):not(.disabled).active,
.form-horizontal .btn-default:not(:disabled):not(.disabled):active, 
.form-horizontal .btn-default:not(:disabled):not(.disabled).active {
    background-color: #fff;
    color: #333;
}

/* CAPTCHA */
.captcha .serie input:checked ~ label {
	border-color: #744c2a;
}

.list-inline > li:not(:last-child) {
	margin-right: 10px;
}
	.captcha .serie .control-label {
		border: 2px dashed #d2d2d2;
		border-radius: 0;
	    width: 40px;
	    color: var(--main);
	    font-size: 1.125rem;
	    line-height: 40px;
	}
	.captcha .serie input:checked ~ label {
		border-color: var(--main);
	}
	.captcha .serie input:checked ~ label {
	  border: 2px solid var(--secondary);
	}
	.captcha .serie input:focus-visible ~ label {
	  border: 2px solid var(--main);
	}
.text-center .submit {
	margin: 0 auto;
}

/* Erreurs */
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: var(--reda11y);
}
.form-horizontal .has-error .form-control {
  border-bottom-color: var(--reda11y);
}
.form-horizontal .form-group.has-error {
    border-left: 5px solid var(--reda11y);
    padding-left: 10px;
}
  .has-error .help-block::before {
    margin-right: .5em;
    content: '\f2ee';
    font-weight: 700;
  }


/* 19 = PAGINATION */
.pagination {
	margin: 0;
}
	.pagination a {
		border-radius: 50%;
	    margin-right: 10px;
		height: 40px;
	    width: 40px;
	}
	.pagination a:last-child {
	    margin: 0;
	}
	.pagination .current {
		background-color: var(--secondary);
	    color: #fff;
	}


/* 20 = DIAPORAMA */
.diaporama,
.frame>.diaporama:last-child {
	margin-bottom: 2em;
}


/* 24 = METEO */
.quick-access .meteo {
    border-radius: 50%;
    margin: 20px 0 -80px;
    max-width: 330px;
    height: 330px;
    background-color: #fff;
}
	.meteo .meteo-title {
		margin: 50px 0 15px 0;
		font-size: 1.875em;
		text-align: center;
	}
	.meteo .weather_box {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
		.meteo .weather_box_icon {
			display: flex;
			justify-content: flex-end;
			margin-bottom: 15px;
			width: 50%;
		}
			.meteo .weather_box_icon .fi {
			    margin-right: 10px;
			    font-size: 36px;
			    font-weight: 600;
			}
		.meteo .weather_box_temp {
			margin-bottom: 15px;
			width: 50%;
			font-size: 2em;
		}
		.meteo .weather_box_text {
		    margin-right: 10px;
			width: calc(100% / 3 - 10px);
		    text-align: center;
		}
		.meteo .weather_box_humidity {
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    margin-right: 10px;
			width: calc(100% / 3 - 10px);
		}
			.meteo span.fas {
				margin-right: 5px;
			}
		.meteo .weather_box_wind {
		    display: flex;
		    align-items: center;
		    justify-content: center;
			width: calc(100% / 3 - 10px);
		}
	.meteo .meteo-link {
		display: block;
	    margin: 10px 0 0;
		color: #333;
		transition: all .3s;
		text-decoration: underline;
	    text-align: center;
	}
	.meteo .meteo-link:focus,
	.meteo .meteo-link:hover,
	.meteo .meteo-link:active {
		color: var(--secondary);
	}


/* 25 = LEAFLET */
.geoMap [class*="leaflet-control-zoom"] {
	text-decoration: none;
}

/* 28 = COOKIE CONSENT */
.modal-cookie-consent-body {
	font-family: 'Barlow', sans-serif;
}
.modal-cookie-consent-body p a,
.modal-cookie-consent-content strong,
.modal-cookie-consent-header .modal-cookie-consent-title,
.atfc-cookie-consent-item .atfc-cookie-consent-choice-link,
.modal-cookie-consent-btn-continue-without-accepting,
.modal-cookie-consent-content .modal-cookie-consent-btn-params,
.modal-cookie-consent-infos .modal-cookie-consent-subtitle,
.modal-cookie-consent-body .atfc-cookie-consent-services {
	color: var(--main);
}
	.modal-cookie-consent-header .modal-cookie-consent-title::after {
		display: none;
	}
.modal-cookie-consent-footer button {
    background-color: var(--secondary);
    color: #333;
    font-weight: normal;
}
.modal-cookie-consent-part1 .modal-cookie-consent-header {
    padding: 20px 40px;
}



/* 29 = PRINT */
@media print {

	/* DISPLAY : NONE */
	.site-nav, .site-nav__button, .header-links, .header-search, .compte-connexion, .site-footer, .navbar-body, .site-header-bar, .accordion-title-link-state, .switch-account {
		display: none!important;
	}

	.site-logo-img {
		width: 260px;
	}
	.col-lg-8, .col-lg-4, .container, .frame-container, .container-fluid, .card-body {
		flex: none;
		max-width: 100%!important;
		padding: 0;
	}
	.lead {
		margin-bottom: 30pt;
	}
	.accordion .accordion-title .accordion-title-link {
		margin-bottom: 15pt;
		padding: 0;
	}
	.accordion-collapse.collapse:not(.show), .accordion-collapse.show {
		display: block;
	}
	.accordion-content-right .accordion-content-item *:last-child, .accordion-content-left .accordion-content-item *:last-child {
		margin-bottom: 10pt;
	}
	/* HEADER */
	.site-header {
		background-color: #fff;
	}
	.logo-link {
		display: flex;
		justify-content: center;
		width: 100%;
	}
	.img-print {
		max-width: 250px;
	}

	/* BREADCRUMB */
	.breadcrumb {
		margin-bottom: 2em!important;
	}
	.breadcrumb-first .sr-only {
		/*position: static;*/
		overflow: visible;
	}
	.breadcrumb-first .sr-only::after {
		content:" > ";
		font-size:0.75em;
	}

	/* ACCEUIL */
	.section-home .card-group-element {
		justify-content: space-around;
	}
	.section-home-events {
		background-color: #fff;
	}
	.section-home .card-body {
		z-index: 1;
	}
	.section-home-events .card-img-top .home-events-figure,
	.section-home-events .card-img-top .img-fluid {
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	.section-home-kiosque {
		background: none;
	}
	.home-kiosque-list {
		flex-direction: row;
		justify-content: space-around;
	}
	.home-kiosque-list .home-kiosque-item {
		justify-content: space-between;
		height: 500px;
	}
	.home-kiosque-list .home-events-title {
		font-size: 30pt !important;
	}
	.home-kiosque-list .content {
		height: auto;
	}

	/* FOOTER */
	.footer-section-bottom, .logo-footer-mobile, .flex-column .btn-default, .aside-bloc-download, .elected-list .list-item-directories:first-child .item-directories-img::before, .hidden-print {
		display: none!important;
		height: 0!important;
	}
	/*.footer-section-top .d-flex, .site-footer .footer-section-top .frame-header .element-header {
	    display: block !important;
	}*/

	/* ACTUALITE */
	/* liste */
	.second-header {
		background: none;
	}
	.second-header .page-title {
		font-size: 60pt !important;
	}
	.news-list .card-group-element {
		justify-content: flex-start;
	}
	/* single */
	.single-news {
		display: flex;
	    flex-wrap: wrap;
	    justify-content: space-between;
	}
	.single-news .lead {
		width: 100%;
	}
	.single-news .date-news-content {
		width: 100%;
	}
	.single-news .page-picture {
		max-width: 49%;
		width: 100%;
	}
	.single-news .frame-type-textmedia {
		max-width: 49%;
		width: 100%;
	}

	/* AGENDA */
	/* liste */
	.events-list .card-group-element {
		justify-content: flex-start;
	}
	.events-list .events-item .events-figure .nopix-img {
		border-radius: 5px;
	}
	/* single */
	.embed-responsive-16by9::before {
		padding-top: 0;
	}
	.leaflet-container {
		overflow: hidden !important;
	}
	.single-events {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.single-events .page-picture,
	.single-events .practical-info {
		max-width: 49%;
		width: 100%;
	}
	.single-events .map-info {
		width: 100%;
	}

	/* KIOSQUE */
	.files-list-kiosque li {
		width: 580px;
	}
	.rte-content .files-list-kiosque ul {
		display: flex;
	    flex-wrap: wrap;
	    justify-content: space-between;
	}

	/* SOMMAIRE */
	.directories-list .filters-results {
		justify-content: space-between;
	}
	.directories-list .item-directories-caption .title {
		font-size: 24pt !important;
	}
	.directories-list .list-item-directories {
		position: relative !important;
		margin-bottom: 30px !important;
		max-width: 580px;
		background: none;
	}
	.kiosque-archives {
		display: none;
	}
	/* 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;
		}

}



/* RESPONSIVE ********************************************************************************************* */
@media screen and (max-width: 425px) {
	.frame-container {
		padding: 0 10px;
	}
		.frame-container .frame-inner>*:last-child {
			/*padding: 0; pour quelle raison ? casse l'affichage de "Mise en avant" ! */
		}
}


@media screen and (min-width: 375px) {
/* 06 = ACCUEIL */
	/* Carousel */
	.owl-nav .owl-prev {
		left: 0px;
	}
	.owl-nav .owl-next {
		right: 0px;
	}
	/* Kiosque */

/* 15 = PUBLICATION */
	.files-list-kiosque li {
		padding: 30px 60px 30px 20px;
	}
}


@media screen and (min-width: 425px) {/* MOBILE - Petit ************************************************ */
/* 04 = HEADER */
	.header-search .search-input {
		width: 70%;
	}

/* 06 = ACCUEIL */
	/* KIOSQUE */
	.home-kiosque-list {
		padding: 100px 30px;
	}

	/* PUBLICATION */
	.files-list-kiosque .img-responsive {
		margin-right: 15px;
	}

	/* AGENDA et ACTU */
	.owl-nav .owl-prev {
		left: 25px;
	}
	.owl-nav .owl-next {
		right: 25px;
	}

/* 10 = ANNUAIRE */
	.directories-list .item-directories-img {
		height: 140px;
		width: 140px;
	}
	.elected-list .item-directories .item-directories-img {
		height: 160px;
		width: 140px;
	}
}


@media screen and (min-width: 576px) {/* MOBILE - Moyens  ************************************************ */
/* 04 = HEADER */
	.site-header {
		height: 90px;
	}
		.site-header .logo {
			min-width: 270px;
		}
		.site-header .logo .white-circle {
			top: -135px;
			height: 270px;
			width: 270px;
		}
			.site-header .logo .white-circle .img-fluid {
				margin-top: 143px;
				height: 92px;
				width: auto;
			}

		/* MENU */
		.header-menu {
			top: 90px;
		}
			.header-menu .navigation-mobile {
				padding-top: 50px;
			}

		/* RECHERCHE */
		.facebook-header {
			height: 50px;
			width: 50px;
		}
		.site-header form.visible .label {
			height: 90px;
		}
			.site-header form.visible .label .header-search-close {
				margin-top: 50px;
				height: 50px;
				width: 50px;
			}
			.header-search .header-search-display {
				height: 50px;
				width: 50px;				
			}
			.header-search .search-button {
				margin-top: 45px;
				height: 50px;
				width: 50px;
				transform: translateY(-50%);
			}

/* 06 = ACCUEIL */
	/* CAROUSEL */
	.section-home-events .card-group-element-columns-4 .card-group-element-item {
		width: calc(50% - 30px);
	}
	.section-home-news .card-group-element-item-3 {
		width: 100%;
	}

	/* AGENDA */
	.section-home-events .card-group-element-item {
		width: calc(25% - 15px);
	}

/* 07 = PAGE INTERNE */
	.rte-content blockquote,
	.frame-inner>blockquote:last-child {
	    padding: 25px 25px 25px 100px;
	    font-size: 1.5rem;
	}
	.rte-content blockquote::before {
		left: 30px;
		top: 25px;
		height: 44px;
		width: 44px;
	}
	/* Map */
	.map .second-header .container-title {
		padding-top: 90px;
	}
	.map-col-left form {
		top: 190px;
	}

/* 08 = ACTUALITE */
	.news-list .card-group-element {
		justify-content: center;
	}

/* 10 = ANNUAIRE */
	/* liste */
	.directories-list .list-item-directories::before {
		border-width: 0px 30px 30px 0px;
	}
		.directories-list .item-directories-img {
			display: flex;
			align-items: center;
			justify-content: center;
			margin-bottom: 20px;
			height: 140px;
			width: 140px;
			overflow: hidden;
			background-color: #fff;
		}

}


@media screen and (min-width: 768px) {/* MOBILE - Grands  ************************************************ */
/* 04 = HEADER */
	/* Menu */
	.header-menu .navigation {
		text-align: center;
	}
		.site-header button.navbar-toggler {
			min-width: 50px;
			height: 50px;
		}
		.header-search .label {
		    left: 0;
		    right: 0;
		    margin: auto;
		    max-width: 720px;
		}
	/* Recherche */

	/* Flash Info */
	.frame-flash-info .flash-body {
		padding-left: 70px;
		background-size: auto 45px;
	}

/* 05 = FOOTER */
	.site-footer .footer-section-top .logo-footer-mobile {
		display: flex;
	}
	.site-footer .footer-section-top .logo-footer {
		height: 100%;
		width: 100%;
	}
	.site-footer .footer-section-top .row > .d-flex {
		align-items: flex-start;
		text-align: left;
	}
		.site-footer .footer-section-top .logo-footer .img-fluid {
			height: 90px;
			width: auto;
		}
			.site-footer .footer-section-top .row > div:last-child {
				margin-top: 0;
			}
			.site-footer .footer-section-top .btn {
				margin-top: 25px;
			}

/* 06 = ACCUEIL */
	/* CAROUSEL */
	.carousel {
		height: 500px;
	}
	/* Actu */
	.card-body .home-events-title, 
	.card-body .home-news-title {
		font-size: 1.5em;
	}
		.safari .section-home .card-group-element {
			height: auto;
		}

	/* ACCES RAPIDES */
	.mosaic-quick-access {
		justify-content: space-around;
	}
	.safari .mosaic-quick-access {
		height: auto;
	}
		.mosaic-quick-access .quick-access-article {
			width: calc(33% - 15px);
		}
			.mosaic-quick-access .quick-access-article .item {
				margin: 0 15px;
			}

/* 07 = Page interne */
	/* Map */
	.map .second-header .site-tools {
	    right: calc(50% - 345px);
	}

/* 08 = ACTUALITE */

/* 09 = AGENDA */
	.page-events .page-title, 
	.page-news .page-title {
		font-size: 3.75em;
	}	
	.section-home-news, 
	.section-home-events {
		padding: 80px 0;		
	}
		.home-events-title,
		.home-news-title {
			margin-bottom: 50px;
			font-size: 4.5em;
		}
			.events-list .card-group-element {
				justify-content: space-around;
			}
				.events-list .card-img-top::before {
					bottom: -190px;
				}
	/* Liste */


/* 10 = ANNUAIRE */
	/* Liste */
	.directories-list .list-item-directories {
		
	}
		.directories-list .filters .form-group {
			width: 230px;
		}
	/* single */
	.directories-single .rte-content {
		align-items: flex-start;
		flex-direction: row-reverse;
		justify-content: space-between;
	}
		.directories-single-item .title {
			min-width: 200px;
			font-weight: 600;
		}
	/* Elus */
	.elected-list .list-item-directories:first-child {
		width: 54%;
	}

/* 14= SOMMAIRE */
	.section-quick-access-site article {
		width: calc(100% / 3);
	}

/* 15 = PUBLICATIONS */
	.files-list-kiosque .item-promo__title {
		font-size: 1.5em;
		word-break: break-word;
	}
		.files-list-kiosque .button-circle {
			border-radius: 0;
			width: 165px;
		}
		.files-list-kiosque .button-circle::after {
			display: block;
			margin-left: 15px;
			font-weight: bold;
    		text-transform: uppercase;
		}
		.files-list-kiosque a:first-child .button-circle::after {
			content:"Télécharger";
		}
		.files-list-kiosque a:last-child .button-circle:after {
			content:"Visualiser";
		}

/* 11 = RECHERCHE */
	.search-result {
		flex-direction: row-reverse;
	}
		.rte-content .search-result a {
		   text-decoration: none;
		}
			.search-result .search-result__filter {
				width: calc(30% - 15px);
			}
			.search-result .search-result__content {
				width: calc(70% - 15px);
			}

/* 15 = ANNUAIRE */
	.directories-list .filters > .d-flex {
		flex-direction: row;
	}
		.directories-list .col-filter-elected {
			width: 240px;
		}
			.directories-list .item {
				flex-direction: row;
			}

/* 18 = FORMULAIRE */
	.input-group .form-control {
		 padding: 10px 20px;
	}
}


@media screen and (min-width: 768px) and (max-width: 1200px) {
	.quick-access .quick-access-title {
		padding: 0;
	}

/* 04 = HEADER */
	.second-header .page-title {
		font-size: 2.5em;
	}
}


@media screen and (min-width: 992px) {/* TABLETTES  ************************************************ */
/* 04 = HEADER */
	.site-header .logo {
		z-index: 3;
		order: 1;
	}
	.site-header > .container > .row > .d-flex > .logo {
		order: 2;
	}
		.site-header .logo .white-circle {
			left: auto;
			transform: none;
		}
	.site-header button.navbar-toggle {
		display: none;
	}
	.second-header .page-title {
		min-height: 230px;
		font-size: 3.75em;
	}
	.second-header .header-img .page-title {
		min-height: 310px;
	}
	/* MENU */
	/* 1er NIVEAU */
	.header-menu .navigation {
		height: 100%;
	}
		.header-menu .navigation .list-group-item {
			border: 0;
			height: 100%;
			margin: 0 10px;
			font-size: 24px;
		}
			.header-menu .navigation .list-group-item .link {
				display: flex;
				align-items: center;
				justify-content: center;
				border-bottom: 5px solid transparent;
				padding: 10px;
				height: 100%;
				color: #fff;
			}
			.header-menu .list-group-item .link:is(:focus,:hover,:active),
			.header-menu .current > .link {
				border-bottom: 5px solid var(--secondary);
				border-left: 0;
				color: var(--secondary);
			}
				/* 2ème NIVEAU */
				.header-search .label {
					max-width: 960px;
				}
				.header-menu .navigation .dropdown-menu {
					margin-top: 2px !important;
					padding: 0;
					width: 100vw;
					background-color: #eff0ea;
					transform: translate3d(0px, 88px, 0px)!important;

				}
					.header-menu .navigation .dropdown-menu .list-unstyled {
						display: flex;
						flex-wrap: wrap;
						justify-content: flex-start;
						margin-right: auto;
						margin-left: auto;
						padding: 50px 0;
						max-width: 960px;
						height: 100%;
					}
						.header-menu .navigation .dropdown-menu .list-unstyled .list {
							border-bottom: 1px solid var(--secondary);
							margin: 0 15px;
							width: calc(33.3333334% - 30px);
							text-transform: none;
						}
						.header-menu .navigation .dropdown-menu .list-unstyled .list:first-child, 
						.header-menu .navigation .dropdown-menu .list-unstyled .list:nth-child(2), 
						.header-menu .navigation .dropdown-menu .list-unstyled .list:nth-child(3) {
							border-top: 1px solid var(--secondary);
						}
						.header-menu .navigation .dropdown-menu .list-unstyled .list:nth-child(3n+2) {
							/*margin: 0 15px;*/
						}
							.header-menu .navigation .dropdown-menu .list-unstyled .list .link {
								display: flex;
								justify-content: flex-start;
								height: 100%;
								color: #333;
								font-size: 1.25em;
								transition: padding .3s ease;
							}
							.header-menu .navigation .dropdown-menu .list-unstyled .list .link:hover, 
							.header-menu .navigation .dropdown-menu .list-unstyled .list .link:active, 
							.header-menu .navigation .dropdown-menu .list-unstyled .list .link:focus, 
							.header-menu .navigation .dropdown-menu .list-unstyled .current .link {
								padding-left: 20px;
								background-color: var(--secondary);
								color: #333;
							}

	/* RECHERCHE */
	.facebook-desktop {
		display: block;
	}
	.facebook-header {
		margin: 0 20px 0 0;
	}
	.search {
		display: flex;
		flex-direction: row-reverse;
		order: 4;
	}			
		.site-header form.visible .label .header-search-close {
			margin-left: 5px;
		}
		.site-header form.visible .label .search-input {
			border-bottom: 1px solid var(--secondary);
		}
		.site-header form.visible .label .search-input::placeholder {
		    color: #eff0ea;
		}

/* 05 = FOOTER */
	.site-footer .footer-section-top .btn-default {
		align-self: start;
	}
	.site-footer .footer-section-top .logo-footer .img-fluid {
		height: 110px;
	}

/* 06 = ACCUEIL */
	/* CAROUSEL */
	.carousel .carousel-inner .carousel-item .d-block {
		height: auto;
		width: 100vw;
	}
		.carousel .carousel-control-prev,
		.carousel .carousel-control-next {
			position: absolute;
			bottom: 30px;
			top: auto;
			display: flex!important;
			align-items: center;
			border-radius: 50%;
			height: 50px;
			width: 50px;
			opacity: 1;
			background-color: #fff;
			background-position: center;
			background-repeat: no-repeat;
			background-size: 15px;
			color: #333;
			text-decoration: none;
			transition: .3s ease;
		}
		.carousel .carousel-control-prev:hover,
		.carousel .carousel-control-next:hover {
			background-color: var(--secondary);
		}
		.carousel .carousel-control-prev:focus,
		.carousel .carousel-control-next:focus {
			outline: revert;
		}
		.carousel .carousel-control-prev {
			left: auto;
			right: 90px;
		}
		.carousel .carousel-control-next {
			right: 30px;
		}

	/* ACCES RAPIDES */
		.quick-access .title {
			font-size: 3em;
		}
		.quick-access .mosaic-quick-access .quick-access-article {
		    width: calc(100% / 3);  
		}
		.quick-access .meteo {
		    margin: 0 0 -130px;
		}
	/* METEO */
	.meteo .weather_box_temp {
		font-size: 3em;
	}
	.meteo .meteo-link {
		margin: 30px 0 0;
	}

	/* ACTU et AGENDA */
	h2.home-news-title,
	h2.home-events-title {
		font-size: 4.5em;
	}
	.section-home-news .card-group-element {
		flex-wrap: nowrap;
	    justify-content: center;	    
	    margin: 0 -15px;
	}
	.section-home-events .card-group-element {
	    justify-content: center;
	    margin: 0 -15px;		
	}
		.section-home-news .card-group-element-item {
			margin: 0 15px;
		}
		.section-home-events .card-img-top::before {
			bottom: -175px;
		}
			.section-home .card-body {
				height: auto;
			}	
	.section-home-events .card-group-element-columns-4 .card-group-element-item {
		margin: 0 15px 30px;
		padding: 0;
		width: calc(25% - 30px);
	}
	.home-events-list .date-start, 
	.home-events-list .single-date,
	.events-item .date-start, 
	.events-item .single-date {
		left: 20px;
	}
	.home-events-list .date-end,
	.events-item .date-end {
		left: 72px;
	}
	.section-home .card-body {
		padding: 0 15px 15px;
	}

	/* KIOSQUE */
	.home-kiosque-list {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		padding: 100px 0;
	}
	.safari .home-kiosque-list {
		display: flex;
	}
		.home-kiosque-list .home-kiosque-item,
		.safari .home-kiosque-list .home-kiosque-item {
			margin: 0 15px 30px;
			width: calc(33% - 30px);
		}
			.home-kiosque-list .home-kiosque-item ul {
				display: block;
				margin: auto 0;
			}
			.home-kiosque-list .home-kiosque-figure .img-responsive {
			    height: 202px;
			    width: 134px;
			}
		.home-kiosque-list .home-kiosque-item:nth-child(2) .home-kiosque-text {
			background-color: #d7e2f3;
		}

	.home-kiosque-list {
		justify-content: space-between;
	}
		.home-kiosque-list .home-kiosque-item {
			min-height: 460px;
			max-width: 290px;
		}
			.home-kiosque-list .home-kiosque-figure .img-responsive {
			    height: 182px;
			    width: 114px;
			}

/* 07 = PAGE INTERNE */
	.rte-content .lead {
		font-size: 1.5em;
	}
	.frame-type-textmedia .textmedia-gallery {
		/*padding: 0 20px;*/
	}
	.frame-type-textmedia .textmedia-text {
		/*padding: 0 20px;*/
	}
	.rte-content .siblingnavigation .list-unstyled {
		justify-content: flex-start;
	}
	/* Map */
	.map .second-header .site-tools {
	    right: calc(50% - 465px);
	}
	.map main {
		height: calc(100vh - 90px);
	}
		.map .map-page {
			position: relative;
			flex-direction: row;
			height: calc(100% - 50px);
			width: 100vw;
		}
			.map-page .map-col-left {
				position: absolute;
				bottom: 0;
				left: 0;
				top: 0;
			    z-index: 2; /* 9999 car le sous-menu principal passe sous le menu des filtres... */ 
				width: 25%;
				background-color: #eff0ea;
			    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
			}
				.map-col-left .filters-title::after {
					display: none;
				}
				.map-col-left form {
					top: 50px;
					display: block;
				}
			.map-page .map-content {
				position: absolute;
				bottom: 0;
				left: 25%;
				right: 0;
				top: 0;
			}
				.map-page .embed-responsive-16by9 {
				    position: absolute;
				    bottom: 0;
				    left: 0;
				    right: 0;
				    top: 0;
				    height: auto;
				}
					.leaflet-bottom.leaflet-right {
						right: 10px;
					}

/* 9 = AGENDA */
	.events-list .card-group-element {
		justify-content: flex-start;
	}
		.events-list .card-img-top::before {
			bottom: -175px;
		}

/* 10 = ANNUAIRE */
	/* Liste */
	.directories-list form.filters * {
		margin: 0 ;
	}
		.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 {
			    padding: 30px;
			    width: calc(50% - 15px);
			}
			.directories-list .list-item-directories-frame:first-child .list-item-directories {
				width: 50%;
			}
				.directories-list .item-directories-caption {
					margin-left: 30px;
				}

/* 14 = SOMMAIRE */
	.siblingnavigation .sibling-item {
		width: calc(25% - 30px);
	}
	.section-quick-access-site {
		padding: 60px 0;
		background-color: #eff0ea;
	}	
		.section-quick-access-site .quick-access-title {
			font-size: 3em;
		}
		.section-quick-access-site .quick-access-article {
			width: 155px;
		}

/* 15 = PUBLICATIONS */
	.files-list-kiosque ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
		.files-list-kiosque li {
			width: 49%;
		}
			.files-list-kiosque .item-promo__title {
				width: 75%;
			}
			.files-list-kiosque .home-kiosque-links {
				flex-direction: column;
			}
				.files-list-kiosque a:first-child .button-circle {
					margin: 0 0 10px 0;
				}
				.files-list-kiosque a:last-child .button-circle {
					margin: 0;
				}
}


@media screen and (min-width: 1200px) {/* DESKTOP - Grands  ************************************************ */
/* 04 = HEADER */
	/* HEADER */
	.header-menu {
		position: static;		
		align-items: center;
		justify-content: center;
		order: 2;
		height: 90px;
		width: auto;		
	}
		/* 1er NIVEAU */
		.header-menu .navigation .list-group-item {
			font-size: 26px;
			white-space: nowrap;
		}
			/* 2ème NIVEAU */
			.header-menu .navigation .dropdown-menu .list-unstyled {
				max-width: 1170px;
			}

	/*Recherche*/
	.site-header form.visible .label .header-search-close {
		position: fixed;
		right: 0;
		border-radius: 0;
		margin: 0;
		height: 90px;
		width: 90px;
		transform: none;
	}
	.safari .site-header form.visible .label .header-search-close {
		margin-top: 0;
	}

/* 06 = ACCUEIL */

	/* Accès rapide */
	.quick-access .title {
		text-align: right;
	}
		.home h2.title::after {
		    margin: 15px 0 0 auto;
		}
	.quick-access .meteo {
	    margin: 0 0 -180px;
	    max-width: unset;
	    min-width: 370px;
	    height: 370px;
	}
	
	/* Actu et Agenda */
	.news-list .card-img-top {
		height: auto;
	}
		.news-list .card-group-element {
			justify-content: flex-start;
		}	

	/* Kiosque */
	.home-kiosque-list .home-kiosque-item {
		max-width: 350px;
	}
		.home-kiosque-list .content {
			height: 265px;
		}
			.home-kiosque-list .home-kiosque-figure .img-responsive {
			    height: 202px;
			    width: 144px;
			}

/* 07 = PAGE INTERNE */
	/* Map */
	.map .second-header .site-tools {
	    right: calc(50% - 555px);
	}
	.map .site-main > .container {
		padding-left: 260px;
	}

/* 8 = ACTUALITE */

/* 9 = AGENDA */
.events-list .card-group-element-columns-4 .card-group-element-item {
	width: calc(25% - 30px);
}

/* 14 = SOMMAIRE */
	.section-quick-access-site .quick-access-article {
		width: 190px;
	}

/* 15 = PUBLICATIONS */
	.files-list-kiosque .home-kiosque-links {
		flex-direction: row;
	}
		.files-list-kiosque .home-kiosque-links a {
			width: calc(50% - 5px);
		}
			.files-list-kiosque .button-circle {
				margin: 10px 10px 0 0!important;
			}
}

@media (min-width: 1400px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        max-width: 1140px; /* ex 1320px */
    }
}