/*
Theme Name: Hello elementor Child
Description: Child theme for Hello elementor
Author: Koredge
Author URI: https://koredge.fr
Template: hello-elementor
Version: 1.0
*/
:root {
	--ce-content-width: 1500px;
}

.owl-carousel .owl-item img {
	filter: brightness(1) invert(60%) sepia(83%) saturate(727%) hue-rotate(170deg);
}

.overlay {
	position: absolute;
	bottom: 22px;
	left: 38px;
	font-size: 31px;
	font-family: serif;
	color: #fff;
}

@media(max-width: 767px) {

	.container_home_agenda .preview_event article {
		margin-left: auto;
		background-position: bottom -62px center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	body {
		overflow-x: hidden;
		border: 8px solid #fff;
	}

	:root {
		--ce-content-width: 767px;
	}
}

@media(max-width: 1024px) {
	body {
		overflow-x: hidden;
		border: 8px solid #fff;
	}

	:root {
		--ce-content-width: 1024px;
	}
}

@media(max-width: 1700px) {
	:root {
		--ce-content-width: 1140px;
	}
}

#actus-list article:nth-child(2) {
	margin-top: 50%;
}

#actus-list li:nth-child(2) {
	margin: 17% 0% -13% 30px;
}


li.btn_all {
	position: absolute;
	top: 86%;
	left: 51%;
}

#btn-home .elementor-button-text {

	padding-left: 75px;
}

.imgprofil img {
	max-width: 290px !important;
	height: 290px !important;
	display: flex;
	justify-content: center;
	align-items: center;
	object-fit: cover;
}

.container_home_agenda .event_lieu.content p {
	color: #fff;
}

.elementor-1511 .elementor-element.elementor-element-1f2ab50 {
	--margin-inline-start: 100px !important;
}

body {
	overflow-x: hidden;
	padding: 20px 20px 0px 20px;
}

/*
debut style ajouter
*/
.quote-container p {
	font-family: 'Roboto';

}

span.txt {
	display: block;
	text-align: center;
	margin: 0 auto;
}

nav.kg_menu {
	display: flex !important;
	align-items: center;
}


@media(max-width: 960px) {
	.imgprofil img {
		display: none;
	}
}

.title_litle_menu h2 {
	font-weight: bold !important;
	font-family: "Inv Maison Neue" !important;
}

.elementor-element.elementor-element-4d599dc.elementor-widget.elementor-widget-shortcode {
	background: #ffffff59;
	margin-bottom: -13%;
}

.events_container h2 {
	font-family: "Inv Maison Neue" !important;
}

button#week_btn,
button#month_btn,
a.filter_button_submit.ce_button {
	font-weight: 500 !important;
	font-family: 'Roboto' !important;
}

/* ul#home_events-list {
    display: flex;
} */

img.icon_item_menu {
	width: 25% !important;
	margin: 0 auto;
}

.home_litle_menu .owl-stage>.owl-item.firstActiveItem li a img.icon_item_menu {
	filter: brightness(0) invert(1);
}

.btn a {

	padding: 0px 20px 0px 0px !important;
}

.videos_mediatheque {
	margin-top: 17px !important;
}

span.txt-title {
	display: block;
	text-align: center;
	margin: 0 auto;
	font-family: 'Roboto';
	font-weight: 300;
}

a.lienn {
	text-decoration: underline !important;
}

label.gform-field-label.gform-field-label--type-inline.gfield_consent_label a {
	text-decoration: underline;
	color: var(--e-global-color-primary);
}

.gform_footer.before:before {
	top: 13px;
	content: '';
	background: #098fdb;
	width: 46px;
	height: 1px;
	display: block;
	position: relative;
	/* border: 1px solid #000; */
	left: 39%;
}

@media(min-width: 1700px) {
	.plusblock .quote-container p {
		font-size: 20px;

	}

	.plusblock span.txt-title {
		font-size: 23px;
		line-height: 30px;
	}

	.container_home_agenda ul#home_events-list li h3 {
		font-size: 20px;
		line-height: 22px;
	}

	.listing_archive p.badge {
		font-size: 16px;
		line-height: 20px;
	}

	.container_home_agenda .events_container {
		width: 70%;
		padding: 100px 20px;
	}

	.filter_container a.filter_button_submit.ce_button {
		font-size: 14px;
		line-height: 15px;
	}

	.filter_container button#week_btn {
		font-size: 14px;
		line-height: 15px;
	}

	.events_container h2 {
		font-size: 80px !important;
		line-height: 90px !important;
		margin-bottom: 55px !important;
	}

	.docs_container.archive_container {
		padding-left: 50px;
	}

	.title_litle_menu h2 {
		font-size: 45px !important;
		line-height: 45px !important;

	}

}

@media(min-width: 1600px) {

	.container_home_agenda ul#home_events-list li h3 {
		font-size: 20px;
		line-height: 22px;
	}

	.listing_archive p.badge {
		font-size: 16px;
		line-height: 20px;
	}

	.container_home_agenda .events_container {
		width: 70%;
		padding: 100px 20px;
	}

	.filter_container a.filter_button_submit.ce_button {
		font-size: 14px;
		line-height: 15px;
	}

	.filter_container button#week_btn {
		font-size: 14px;
		line-height: 15px;
	}

	.events_container h2 {
		font-size: 50px !important;
		line-height: 35px !important;
		margin-bottom: 0px !important;
	}

	.docs_container.archive_container {
		padding-left: 50px;
	}


	.title_litle_menu h2 {
		font-size: 45px !important;
		line-height: 40px !important;

	}

}

@media(max-width: 1500px) {


	.container_home_agenda ul#home_events-list li h3 {
		font-size: 20px;
		line-height: 22px;
	}

	.listing_archive p.badge {
		font-size: 17px;
		line-height: 20px;
	}

	.container_home_agenda .events_container {
		width: 70%;
		padding: 40px 20px 0px 20px;
	}

	.filter_container a.filter_button_submit.ce_button {
		font-size: 14px;
		line-height: 15px;
	}

	.filter_container button#week_btn {
		font-size: 14px;
		line-height: 15px;
	}

	.events_container h2 {
		font-size: 50px !important;
		line-height: 35px !important;
		margin-bottom: 0px !important;
	}

	.docs_container.archive_container {
		padding-left: 50px;
	}


	.title_litle_menu h2 {
		font-size: 45px !important;
		line-height: 40px !important;

	}

}

@media(max-width: 1200px) {
	.container_home_agenda .preview_event article {
		padding: 15px;
	}

	.overlay {
		bottom: 17px;
		left: 38px;

	}

	.container_home_agenda ul#home_events-list li h3 {
		font-size: 20px;
		line-height: 22px;
	}

	.listing_archive p.badge {
		font-size: 17px;
		line-height: 20px;
	}

	.container_home_agenda .events_container {
		width: 70%;
		padding: 20px 20px;
	}

	.filter_container a.filter_button_submit.ce_button {
		font-size: 14px;
		line-height: 15px;
	}

	.filter_container button#week_btn {
		font-size: 14px;
		line-height: 15px;
	}

	.events_container h2 {
		font-size: 45px !important;
		line-height: 40px !important;
		margin-bottom: 0px !important;
	}

	.docs_container.archive_container {
		padding-left: 50px;
	}


	.title_litle_menu h2 {
		font-size: 35px !important;
		line-height: 35px !important;

	}

}

@media(max-width: 992px) {


	.container_home_agenda ul#home_events-list li h3 {
		font-size: 20px;
		line-height: 22px;
	}

	.listing_archive p.badge {
		font-size: 17px;
		line-height: 20px;
	}

	.container_home_agenda .events_container {
		width: 70%;
		padding: 0px 0px;
	}

	.filter_container a.filter_button_submit.ce_button {
		font-size: 14px;
		line-height: 15px;
	}

	.filter_container button#week_btn {
		font-size: 14px;
		line-height: 15px;
	}

	.events_container h2 {
		font-size: 40px !important;
		line-height: 30px !important;
		margin-bottom: 0px !important;
	}

	.docs_container.archive_container {
		padding-left: 20px;
	}


	.title_litle_menu h2 {
		font-size: 30px !important;
		line-height: 30px !important;

	}

}

@media(max-width: 768px) {


	.container_home_agenda ul#home_events-list li h3 {
		font-size: 20px;
		line-height: 22px;
	}

	.listing_archive p.badge {
		font-size: 15px;
		line-height: 20px;
	}

	.container_home_agenda .events_container {
		width: 70%;
		padding: 20px 20px;
	}

	.filter_container button#week_btn {
		font-size: 14px;
		line-height: 15px;
	}

	.filter_container a.filter_button_submit.ce_button {
		font-size: 14px;
		line-height: 15px;
	}

	.events_container h2 {
		font-size: 35px !important;
		line-height: 45px !important;
		margin-bottom: 0px !important;
	}

	.docs_container.archive_container {
		padding-left: 20px;
	}


	.title_litle_menu h2 {
		font-size: 25px !important;
		line-height: 25px !important;

	}

}

a.ce_button {
	font-size: 25px;
	font-family: 'Roboto';
	font-weight: 500;
}


.author-info span {
	font-weight: 400;
	font-family: 'Roboto';
	font-size: 15px;
	line-height: 20px;
}

p.title-communique {
	background: #098fdb;
	width: max-content;
	padding: 5px 10px;
	border-radius: 5px;
	color: #fff;
}

.triet {
	border: 1px solid #71bee9;
	width: 25%;
}

a.next.page-numbers {
	background: #098fdb;
	color: #fff;
	padding: 5px 10px;
	border-radius: 5px;
}

a.next.page-numbers:hover {
	background: #c8e6f7;
}

p.title-communique:hover {
	background: #c8e6f7;
	color: #000;
}

button.filter_button_submit.ce_button {
	font-weight: 600;
}



/*
fin style ajouter
*/
.elementor-button-icon {
	display: flex;
}

.elementor-button-icon i {
	display: flex;
	margin: auto;
}

a.elementor-button:hover .elementor-button-icon i::before {
	transform: translateX(5px);
}

a.elementor-button {
	position: relative;
}

a.elementor-button::after {
	content: "";
	position: absolute;
	top: 50%;
	/* transform: translateY(-47%); */
	left: 0;
	width: 60px;
	right: 0;
	height: 1px;
	background-color: var(--e-global-color-primary);
}

nav.pagination {
	display: flex;
}

.elementor-button-info a.elementor-button::before {
	display: none !important;
}

a.elementor-button:hover::before {
	animation: linkBtnHover 0.5s infinite alternate;
}

.elementor-widget-icon .elementor-icon-wrapper {
	display: flex !important;
}

a {
	transition: all .4s ease-in-out;
}

a.btn {
	padding: 10px 20px;
	background-color: var(--e-global-color-primary);
	color: white !important;
}

a.btn:hover {
	background-color: var(--e-global-color-accent);
}

.owl-nav {
	display: flex;
	justify-content: center;
	position: absolute;
	top: -55px;
	right: 2px;
}

.owl-nav button span {
	display: none;
}

.owl-nav button {
	width: 35px;
	height: 35px;
	background-size: 40% !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-color: #ffffff69 !important;
	z-index: 10;
	border-radius: 0;
	position: relative;
}

.owl-nav button:hover {
	background-color: white !important;
}

.owl-nav button.disabled {
	opacity: 0.5;
	pointer-events: none;
}

body ul.owl-carousel .owl-nav button[type="button"].owl-prev {
	background-image: url("https://villefranche-sur-mer.fr/wp-content/uploads/2023/07/chevron-left.svg") !important;
	z-index: 2;
	padding-right: 10px !important;
}

.owl-nav .owl-prev::after {
	content: '';
	position: absolute;
	right: -1px;
	top: 50%;
	transform: translateY(-50%);
	height: 50%;
	width: 2px;
	background-color: var(--e-global-color-accent);
}

body ul.owl-carousel .owl-nav button[type="button"].owl-next {
	background-image: url("https://villefranche-sur-mer.fr/wp-content/uploads/2023/07/chevron-right.svg") !important;
	z-index: 1;
	padding-left: 10px !important;
}

.owl-stage {
	display: flex;
}

.hidden {
	display: none !important;
}

form {
	z-index: 10;
	position: relative;
}

nav.pagination ul {
	padding: 0;
	display: flex;
	margin-left: auto;
}

nav.pagination ul li {
	list-style: none;
	margin: 0px 5px;
}

nav.pagination ul li span {
	position: relative;
}

nav.pagination ul li span.current::after {
	content: "";
	position: absolute;
	width: 6px;
	height: 1px;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	background-color: var(--e-global-color-primary);
}



[type=button],
[type=submit],
button {
	border: none !important;
}

[type=button]:focus,
[type=submit]:focus,
button:focus {
	outline: none !important;
}

.elementor-toggle .elementor-tab-title,
.elementor-toggle .elementor-tab-content {
	border-bottom: none !important;
}

.elementor-toggle .elementor-tab-title {
	display: flex;
	flex-direction: row-reverse;
}

.elementor-toggle span.elementor-toggle-icon {
	float: inherit !important;
	margin-left: auto;
	background-color: var(--e-global-color-primary);
	width: 30px !important;
	height: 30px;
	border-radius: 50px;
	display: flex !important;
	transition: all .4s ease-in-out;
}

.elementor-toggle span.elementor-toggle-icon>span {
	margin: auto;
}

.toggle_container {}

.toggle_container .toggle {}

.toggle_container .toggle .toggle_item {
	margin-bottom: 10px;
	box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.11);
	border: solid 1px #6865652b;
}

.toggle_container .toggle .toggle_title {
	display: flex;
	justify-content: space-between;
	cursor: pointer;
	padding: 15px;
}

.toggle_container .toggle .icon i {
	transition: all .4s ease-in-out;
}

.toggle_container .toggle .toggle_content {
	transition: all .4s ease-in-out;
	max-height: 0px;
	overflow: hidden;
}

.toggle_container .toggle_item.active span.icon i {
	transform: rotate(-90deg);
}

.toggle_container .toggle .toggle_content p {
	margin-bottom: 0;
	padding: 15px;
}

.elementor-toggle span.elementor-toggle-icon svg {
	width: 10px !important;
	height: 10px !important;
	margin: auto !important;
	margin-inline-start: 0 !important;
}

.elementor-toggle .elementor-tab-content {
	margin: 0px 15px;
	position: relative;
}

.elementor-toggle .elementor-tab-content::before {
	content: "";
	position: absolute;
	top: -0.5px;
	left: 0px;
	width: calc(100% - 30px);
	height: 1px;
	background-color: #021c3f26;
}

.elementor-toggle .elementor-toggle-item {
	background-color: white;
	box-shadow: 0px 1px 10px 0px #00000005;
}

.elementor-toggle .elementor-active span.elementor-toggle-icon {
	transform: rotate(90deg);
}

.elementor-widget-text-editor ul li {}

.elementor-widget-text-editor ul li::marker {
	color: var(--e-global-color-accent);
}

.ce_container {
	max-width: var(--ce-content-width);
	margin: 0 auto;
	width: 100%;
}

.owl-carousel li {
	list-style: none;
}

.accordion_container .accordion {
	color: white;
	cursor: pointer;
	padding: 0px;
	border: none;
	text-align: left;
	outline: none;
	font-size: 14px;
	transition: 0.4s;
	display: flex;
}

.accordion_container .accordion:after {
	content: '\2BC8';
	color: white;
	font-weight: bold;
	font-size: 10px;
	float: right;
	margin: auto;
	margin-left: 5px;
}

.accordion_container .active:after {
	content: "\2BC6";
}

.accordion_container .panel {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

body [type=button]:focus,
body [type=button]:hover,
body [type=submit]:focus,
body [type=submit]:hover,
body button:focus,
body button:hover {
	background-color: transparent;
}

p#breadcrumbs {
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 12px;
}

p#breadcrumbs a {}

select {
	-webkit-appearance: none;
	outline: none;
	border: solid 1px var(--e-global-color-secondary) !important;
	background-color: var(--e-global-color-secondary);
	padding: 8px 10px !important;
	cursor: pointer;
	font-style: italic;
	color: #666;
}

.ce-con-inner {
	max-width: 1140px;
	margin: auto;
}

.ui-widget-header {
	background: none;
	background-color: var(--e-global-color-secondary);
}

.ui-datepicker-header>a {
	/* back */
}

.ce_button {
	padding-left: 75px !important;
	margin-left: auto;
	font-style: italic;
	position: relative;
	color: var(--e-global-color-text) !important;
}

.ce_button:hover::before {
	animation: linkBtnHover 0.5s infinite alternate;
}

.ce_button::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 20px;
	width: 50px;
	height: 1px;
	background-color: var(--e-global-color-primary);
}

.link_btn {
	font-style: italic;
	position: relative;
	color: var(--e-global-color-text) !important;
}

.link_btn:hover::before {
	transform: translateX(-50%) scale(0.8);
}

.link_btn::before {
	content: "";
	position: absolute;
	bottom: -2px;
	transform: translateX(-50%);
	left: 50%;
	width: 90%;
	height: 1px;
	background-color: var(--e-global-color-primary);
	transition: all .4s ease-in-out;
}

span.sub-title {
	color: var(--e-global-color-primary);
	font-weight: 100;
	font-style: initial;
	text-transform: uppercase;
	font-family: "Helvetica";
	font-size: 19px;
	line-height: 18px;
	letter-spacing: 1px;
	margin-bottom: 38px;

}

.loader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("src/images/loader.gif") var(--e-global-color-primary);
	background-position: center center;
	background-size: 50px;
	background-repeat: no-repeat;
	opacity: 0;
	transition: all .3s ease-in-out;
	z-index: -1;
}

.loader.actif {
	opacity: 1;
	z-index: 1000;
}

.mediatheque_kg .document {
	margin-bottom: 20px;
	padding: 20px;
	border: solid 1.5px transparent;
	border-image-slice: 1;
	border-image-source: linear-gradient(270deg, rgba(255, 255, 255, 0) 5%, rgba(9, 143, 219, 1) 90%);
	display: flex;
	justify-content: space-between;
}

.mediatheque_kg .document p {
	margin-bottom: 15px;

}

.mediatheque_kg .document p.title {
	font-family: "Linux Libertine", Sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 20px;
	line-height: 22px;
	margin-bottom: 5px;
}

.mediatheque_kg .document p.infos {
	color: var(--e-global-color-4f61bb5);
	font-size: 14px;
	line-height: 16px;
}

.mediatheque_kg .document p.infos span {
	text-transform: uppercase;
}

.mediatheque_kg .document .btn_container {
	display: flex;
}

.mediatheque_kg .document .btn_container a {
	display: flex;
	padding: 10px;
	background-color: var(--e-global-color-accent);
	border: solid 1px var(--e-global-color-accent);
	border-radius: 50px;
	margin-top: auto;
	margin-bottom: auto;
}

.mediatheque_kg .document .btn_container a svg {
	color: white;
	width: 20px;
	height: 20px;
	fill: white;
	transition: all .4s ease-in-out;
}

.mediatheque_kg .document .btn_container a:hover {
	background-color: white;
}

.mediatheque_kg .document .btn_container a:hover svg {
	color: var(--e-global-color-accent);
	fill: var(--e-global-color-accent);
}

.e-n-menu-items-content {}

.numeros_utiles_container.infos_contact_page {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.numeros_utiles_container.infos_contact_page .numero {
	width: 48%;
}

.numeros_utiles_container.infos_contact_page .numero a {
	color: var(--e-global-color-accent) !important;
}

@media(min-width: 1700px) {
	.ce-con-inner {
		max-width: 1500px;
	}

	.title_litle_menu h2 {
		font-size: 55px !important;
		line-height: 49px !important;

	}

}


@media(max-width: 1024px) {



	nav.pagination {
		display: flex;
	}

	nav.pagination ul {
		margin: auto;
	}

	.ce_container {
		padding: 0px 10px;
	}

	.ce-con-inner>div {
		padding-left: 20px;
		padding-right: 20px;
	}

	span.sub-title {
		font-size: 14px;
		line-height: 16px;
	}
}

@media(max-width: 767px) {
	.container_home_agenda {
		display: flex;
		flex-wrap: wrap;
	}

	#actus-list article:nth-child(2) {
		margin-top: 0%;
	}

	#actus-list li:nth-child(2) {
		margin: 0;
	}


	li.btn_all {
		position: relative;
		top: 0;
		left: 0;
	}

	.listing_archive ul {
		padding: 71px 0;
		display: flex;
		flex-wrap: wrap;
	}

	li#telmobile {
		display: block;
		text-align: center;
		margin: 0 auto;
		background: #098fdb;
		border-radius: 5px;
	}

	li#telmobile span.grytext {
		color: #fff;
	}

	body {
		padding: 0px;
	}

	a.elementor-button {
		width: 100% !important;
	}

	a.elementor-button span.elementor-button-content-wrapper {
		display: flex;
	}

	a.elementor-button span.elementor-button-icon {
		margin-right: auto;
	}

	a.elementor-button span.elementor-button-text {
		margin-left: auto;
		display: flex;
		flex-grow: 0;
		margin-right: 5px;
	}

	.Numero {
		flex-direction: column;
		margin: 0 auto;
	}
}

/*********************************** Home **************************************/

.home-head_container {
	position: relative;
}

.background_slider {
	overflow: hidden;
	width: 100%;
	height: 110vh;
	position: relative;
	z-index: 1;
}

.background_slider .slide {
	height: 100%;
	background-size: cover;
	background-position: center;
}

.background_slider .owl-item.active {
	z-index: 100;
}

.background_slider .owl-stage-outer,
.background_slider .owl-stage {
	height: 100%;
}

.home-head_container .content h1 {
	position: relative;
	/* z-index: 10; */
	font-weight: normal;
	font-style: normal;
	text-align: center;
	font-size: 70px;
	line-height: 50px;
	text-shadow: 1px 1px 3px #000000bf;
}

.home-head_container .content h1>br {}

.home-head_container .content {
	position: absolute;
	top: 50%;
	left: 50%;
	display: flex;
	flex-direction: column;
	transform: translateX(-50%) translateY(-50%);
	z-index: 11;
}

.home_litle_menu_container {
	margin-top: -100px;
	z-index: 1000;
	position: relative;
	padding: 20px 0px;
	display: flex;
}

.home_litle_menu_container .ce_container {
	display: flex;
	z-index: 0;
}

.litle_menu_carousel .owl-stage {
	min-height: 170px;
}

a.scroll_content {
	z-index: 1000;
	position: relative;
	display: flex;
	transform: rotate(90deg);
	margin: auto;
	margin-top: 50px;
	border: solid 1px white;
	padding: 10px;
	border-radius: 50px;
	cursor: pointer;
}

a.scroll_content>img {
	width: 25px;
	height: 25px;
}

span.home_title {
	font-size: 18px;
	line-height: 20px;
	letter-spacing: initial;
	font-weight: normal;
	font-family: helvetica;
	display: flex;
}

.home-head_container .content h1>br {
	height: 5px;
	display: flex;
	margin: 0;
	border: 0;
	font-size: 0px;
	line-height: 0px;
	content: "";
}

.home-head_container::before {
	content: "";
	height: 100%;
	background: rgba(0, 0, 0, .3);
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

.home-head_container::after {
	content: "";
	height: 20%;
	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0) 100%);
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
}

.home_litle_menu {
	width: 80%;
	min-height: 157px;
}

.home_litle_menu ul li svg {
	width: 35px;
	height: 35px;
	fill: var(--e-global-color-primary);
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
}

.home_litle_menu ul li {
	background-color: #ffffff94;
	display: flex;
	margin-top: auto;
	width: 100%;
	box-shadow: 4px 4px 5px #00000012;
	transition: all .3s ease-in-out;

}

.home_litle_menu .owl-item:not(.firstActiveItem) li:hover a {
	border-image-source: linear-gradient(315deg, rgba(9, 143, 219, 1) 10%, rgba(255, 255, 255, 0) 70%);
}

.home_litle_menu .owl-nav {
	top: 0px;
}

.home_litle_menu .owl-stage>.owl-item.firstActiveItem li a {
	padding: 30px 20px;
	background-color: var(--e-global-color-accent);
	color: white;
	min-height: 137px;
}

.home_litle_menu .owl-stage>.owl-item.firstActiveItem svg {
	fill: white;
}

.home_litle_menu .owl-stage>.owl-item {
	display: flex;
	padding: 10px 0px;
}

.home_litle_menu ul li a {
	color: black;
	display: flex;
	flex-direction: column;
	text-align: center;
	font-size: 14px;
	font-style: italic;
	width: 100%;
	padding: 20px;
	line-height: 16px;
	min-height: 117px;
	border: solid 1.5px transparent;
	border-image-slice: 1;
	border-image-source: linear-gradient(315deg, rgb(9 143 219 / 0%) 40%, rgba(255, 255, 255, 0) 80%);
}

.home_litle_menu ul li a br {
	content: "";
	height: 0px;
}

.home_litle_menu ul li a p {
	text-align: center;
	display: flex;
	flex-direction: column;
	margin-top: 10px;
	margin-bottom: 0;
}

.title_litle_menu {
	width: 20%;
	display: flex;
}

.title_litle_menu h2 {
	margin: auto;
	margin-left: 0;
}

.elementor-post-info__item--type-author {
	display: flex !important;
	flex-direction: column !important;
}

span.elementor-post-info__item-prefix {
	font-weight: bold;
}

@media(max-width: 1024px) {

	.background_slider {
		height: 80vh;
	}

	.home_litle_menu_container .ce_container {
		flex-direction: column;
	}

	.home_litle_menu {
		width: 100%;
	}

	.home-head_container::after {
		height: 40%;
		background: linear-gradient(0deg, rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 0) 100%);
	}

	.home_litle_menu ul {
		padding: 0;
	}

	.home_litle_menu ul li {
		box-shadow: 2px 2px 5px 2px #00000012;
	}

	.home_litle_menu .owl-nav {
		right: inherit;
		left: 33%;
	}
}

.e-n-menu-content {
	margin-top: 0px;

}

div#menubar-237 {
	width: 100%;
	display: flex;
	background: white;
	width: 334px;
	justify-content: center;
	align-items: start;
	text-align: center;
	border-radius: 24px
}


.elementor-16 .elementor-element.elementor-element-e2adf3d>.elementor-widget-container>.e-n-menu>.e-n-menu-wrapper>.e-n-menu-heading>.e-n-menu-title:not(.e-current):not( :hover),
.elementor-16 .elementor-element.elementor-element-e2adf3d>.elementor-widget-container>.e-n-menu>.e-n-menu-wrapper>.e-n-menu-heading>.e-n-menu-title:hover:not(.e-current) {
	box-shadow: none;
	padding: 8px 29px;
	z-index: 9;
}

@media(min-width:1280px) {
	.e-gallery-image {
		background-position: center center;
		background-size: cover;
		height: 363px;
		background-repeat: no-repeat;
		width: 100%;
		transform-origin: center top;
		transition: var(--animation-duration);
	}
}

@media(min-width:1200px) {

	#actus-list:not(.actus-home) li:nth-child(2) {
		margin: 4rem 0 2rem 0 !important;
	}

	#actus-list:not(.actus-home) li:nth-child(odd):not(:first-child) {
		margin-top: -3rem !important;
	}

	a.elementor-button::after {
		content: "";
		position: absolute;
		top: 50%;
		/* transform: translateY(-47%); */
		left: 0;
		width: 60px;
		right: 0;
		height: 1px;
		background-color: var(--e-global-color-primary);
	}
}

@media(max-width:1199px) {
	a.elementor-button::after {
		content: "";
		position: absolute;
		top: 50%;
		/* transform: translateY(-47%); */
		left: 0;
		width: 60px;
		right: 0;
		height: 1px;
		background-color: var(--e-global-color-primary);
	}
}

@media(max-width:1200px) {
	.listing_archive ul {
		padding: 0px;
		display: flex;
		flex-wrap: wrap;
	}

	#actus-list li:nth-child(2) {
		margin: 18px 0;
	}
}

@media(max-width:1025px) {
	a.elementor-button::after {
		left: 0;
		width: 46px;
		right: 0;
		height: 1px;
	}

	.elementor-element.elementor-element-158cfb1.titlees.elementor-widget.elementor-widget-heading.animated.fadeIn {
		position: relative;
		left: 0px;
		background: transparent;
	}

	#actus-list li {
		width: 100%;
		margin-bottom: 25px;

	}

	#actus-list article:nth-child(2) {
		margin-top: 0%;
	}

	#actus-list li:nth-child(2) {
		margin: 20px auto;
	}

	li.btn_all {
		position: relative;
		top: 0;
		left: 0;
	}

	.elementor-1511 .elementor-element.elementor-element-1f2ab50 {
		--margin-inline-start: 0 !important;
	}

	li#telmobile span.grytext {
		color: #fff;
	}

	.elementor-16 .elementor-element.elementor-element-e2adf3d>.elementor-widget-container>.e-n-menu>.e-n-menu-wrapper>.e-n-menu-heading>.e-n-menu-title:not(.e-current):not( :hover),
	.elementor-16 .elementor-element.elementor-element-e2adf3d>.elementor-widget-container>.e-n-menu>.e-n-menu-wrapper>.e-n-menu-heading>.e-n-menu-title:hover:not(.e-current) {
		box-shadow: none;
		padding: 8px 11px;
		z-index: 9;
		margin: 13px 0 -17px 0;
	}

	div#menubar-237 {
		display: flex;
		background: white;
		width: 86vw;
		justify-content: center;
		align-items: start;
		text-align: center;
		border-radius: 24px;
		margin: 10px 20px;


	}

	.e-n-menu-toggle[aria-expanded=false]+div#menubar-237.e-n-menu-wrapperr {
		border: none;
	}

	.e-n-menu-toggle[aria-expanded=true]+div#menubar-237.e-n-menu-wrapper {
		border: 1px solid white;
	}

	li#telmobile {
		display: block;
		text-align: center;
		margin: 0 auto;
		background: #098fdb;
		border-radius: 5px;
		margin: 12% auto 5% auto
	}

	.elementor-widget-n-menu .e-n-menu-toggle i {
		background: #098fdb;
		padding: 8px;
		color: #fff !important;
		margin: 12px;
	}

	div.border {
		border-bottom: 0.1px solid #098fdb;
		width: 217px;
		opacity: 0.3;
		margin: 0 auto;

	}

	.e-n-menu-title-text {
		text-shadow: none !important;
	}

	nav.kg_menu {
		display: flex !important;
		align-items: center;
		flex-direction: column;
	}

	span.grytext {
		color: #a8a6a6;
	}

	.home_litle_menu_container {
		margin-top: 62px;
		/* z-index: 0; */
	}

	.home-head_container::after {
		height: 33%;
		background: linear-gradient(0deg, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0) 100%);
	}

	.home_litle_menu_container {
		margin-top: 0px;
	}

	.home_litle_menu .owl-nav {
		left: 50%;
	}

	.title_litle_menu {
		width: 50%;
	}

	.imgprofil img {
		max-width: 221px !important;
		width: 221px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.kg_menu .items_container {
		flex-direction: column !important;
	}

	.kg_menu .items_container .item {
		width: 100% !important;

	}
}

@media(max-width:767px) {
	.elementor-widget-n-menu .e-n-menu-toggle i {
		background: #098fdb;
		padding: 19px 19px;
		color: #fff !important;
		margin: 12px 0;
		position: relative;
		font-size: 40px !important;
		top: 10px;
		left: 2px;

	}

	hr.border {
		border-bottom: 1px solid #c5c5c5;
		width: 341px;
	}

	.e-n-menu-title-text {
		text-shadow: none !important;
	}

	nav.kg_menu {
		display: flex !important;
		align-items: center;
		flex-direction: column;
	}

	span.grytext {
		color: #a8a6a6;
	}

	.home_litle_menu_container {
		margin-top: 62px;
		/* z-index: 0; */
	}

	.home-head_container::after {
		height: 33%;
		background: linear-gradient(0deg, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0) 100%);
	}

	.home_litle_menu_container {
		margin-top: 93px;
	}

	.home_litle_menu .owl-nav {
		left: 50%;
	}

	.title_litle_menu {
		width: 50%;
	}

	.imgprofil img {
		max-width: 100% !important;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.kg_menu .items_container {
		flex-direction: column !important;
	}

	.kg_menu .items_container .item {
		width: 100% !important;

	}
}

/*******************************************************************************/

@media(min-width:1500px) {
	.events_container h2 {
		font-size: 50px !important;
		line-height: 35px !important;
		margin-bottom: 0px !important;
	}

	.container_home_agenda .preview_event article {
		padding: 0 10px;
	}

	.container_home_agenda .preview_event article {

		padding: 0 45px;

	}

	.overlay {
		bottom: 17px;
		left: 38px;

	}
}


/********************************** Archives ***********************************/
@media(min-width:1360px) {
	.overlay {
		bottom: 17px;
		left: 38px;

	}

	a.elementor-button::after {
		content: "";
		position: absolute;
		top: 50%;
		/* transform: translateY(-47%); */
		left: 0;
		width: 60px;
		right: 0;
		height: 1px;
		background-color: var(--e-global-color-primary);
	}

	.elementor-element.elementor-element-158cfb1.titlees.elementor-widget.elementor-widget-heading.animated.fadeIn {
		position: absolute;
		left: 62%;
		background: transparent;
	}

	#actus-list li {
		width: calc(50% - 15px);
		margin-bottom: 2rem;
		height: fit-content;
	}

	.listing_archive ul {
		padding: 0;
		display: flex;
		flex-wrap: wrap;
	}
}

.listing_archive {
	position: relative;
}

.listing_archive article {
	display: flex;
}



.listing_archive ul li {
	list-style: none !important;
	margin-bottom: 20px;
}

.listing_archive ul li:hover figure>a img {
	transform: scale(1.1);
}

.listing_archive svg.kg-svg-icon {
	width: 20px;
	height: 20px;
	fill: var(--e-global-color-primary);
}

.listing_archive figure {
	margin: 0;
	display: flex;
}

.listing_archive figure>a {
	display: flex;
	overflow: hidden;
}

.listing_archive figure>a img {
	transition: all .4s ease-in-out;
	object-fit: cover;
}

.listing_archive h2 {
	font-size: 20px !important;
	line-height: 22px !important;
	margin: 0 !important;
	font-weight: normal !important;
	font-family: "Helvetica" !important;
}

.listing_archive p {
	margin-bottom: 16px;
}

.listing_archive p.badge {
	color: var(--e-global-color-primary);
	font-weight: bolder;

}

.listing_archive a {
	text-decoration: none !important;
}

.listing_archive span.svg_container {
	display: flex;
}

main.archive .title_filter {
	margin-bottom: 40px;
}

main.archive.title_filter h2 {
	position: relative;
	margin-top: 0;
}

main.archive.title_filter h2:after {
	content: "";
	position: absolute;
	width: 75px;
	left: 0;
	bottom: -10px;
	height: 1px;
	background-color: var(--e-global-color-primary);
}

main.archive .term_filter {
	position: relative;
	padding-bottom: 30px;
	border-bottom: solid 0.5px var(--e-global-color-secondary);
	margin-bottom: 30px;
}

.term_filter .kg-svg-icon,
.datepicker-container .kg-svg-icon {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 10px !important;
	right: 10px;
	fill: var(--e-global-color-primary);
}

.list_actus_terms {
	position: relative;
}

.list_actus_terms select {
	padding-right: 50px !important;
}

form#filter_actu {
	display: flex;
	justify-content: end;
	align-items: center;
}

#actus-list article a {
	color: white;
	width: 100%;
}

#actus-list article .hover_section {
	max-height: 0px;
	transition: all .4s;
	color: #fff;
	text-align: center;
	padding-top: 0px;
	font-style: italic;
	opacity: 0;
	border-top: solid 1px var(--e-global-color-4f61bb5);
	z-index: 2;
}

#actus-list article a:hover .hover_section {
	max-height: 80px;
	opacity: 1;
	padding-top: 20px;
}

#actus-list article {
	min-height: 400px;
}

#actus-list article .actu_container {
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
	position: relative;
	padding: 20px;
	background-position: center;
	background-size: cover;
}

#actus-list article .actu_container::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgb(0 0 0 / 90%) 0%, rgba(255, 255, 255, 0) 100%);
}

.bloc-info-article {
	display: flex;
	align-items: center;
	z-index: 5;
	color: #ffffff;
	padding: 12px 0;
}

.avatar-column {
	margin-right: 10px;
}

.author-avatar {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;

}

.temps-lecture-artilce i {
	margin-right: 5px;
}

span.temps-lecture-artilce {
	font-size: 12px;

}

#actus-list {
	justify-content: space-between;
	margin-top: 60px;
}


#actus-list li:nth-child(odd) {
	/* margin-top: -60px!important; */
}

#actus-list article .category {
	margin-top: auto;
	z-index: 2;
	margin-bottom: 20px;
	display: flex;
}

#actus-list article h3 {
	z-index: 2;
	font-family: "Linux Libertine", Sans-serif;
}

#actus-list p.badge {
	color: white;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	padding: 5px 10px;
	background-color: #ffffff5c;
	border-radius: 5px;
	margin-right: 5px;
}

#actus-list li.btn_all {
	display: flex;
	align-items: start;
}

@media(max-width: 1024px) {
	.container_home_agenda .preview_event article {
		padding: 0 3px;
	}

	.listing_archive svg.kg-svg-icon {
		margin: auto;
	}
}

@media(max-width: 767px) {
	.elementor-element.elementor-element-158cfb1.titlees.elementor-widget.elementor-widget-heading.animated.fadeIn {
		position: relative;
		left: 0px;
		background: transparent;
	}

	main.archive-evenement .filter_docu_container {
		width: 100% !important;
	}

	.gform_footer.before:before {
		top: 13px;

		left: 26%;
	}

	#actus-list li:nth-child(odd) {
		/* margin-top: 0px!important; */
	}

	#actus-list li {
		width: 100%;
		margin: 15px 0px;
	}

	#actus-list article {
		min-height: 300px;
	}


}

/*******************************************************************************/



/********************************** Agenda *************************************/

main.archive-evenement .ce-con-inner {
	display: flex;
}

main.archive-evenement .filter_container {
	width: 30%;
	padding-right: 20px;
}

main.archive-evenement .events_container {
	width: 70%;
	padding-left: 20px;
}

.list_events_terms,
.datepicker-container {
	position: relative;
}

.periode_evenement_detail_evenement {
	text-align: center;
	font-weight: 600;
}


.lien_google_maps_evenement {
	text-align: center;
}


.datepicker-container .kg-svg-icon {
	width: 15px;
	height: 15px;
}

main.archive-evenement .page-content {
	margin: 50px 0px;
}



.date_filter .date {
	position: relative;
	margin-bottom: 10px;
}

.date_filter label {
	position: absolute;
	z-index: 1;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	font-style: italic;
	color: #666;
}

.date_filter input {
	-webkit-appearance: none;
	outline: none;
	border: solid 1px var(--e-global-color-secondary) !important;
	background-color: var(--e-global-color-secondary);
	padding: 8px 10px !important;
	padding-left: 40px !important;
	cursor: pointer;
	font-style: italic;
	color: #666;
}

main.archive-evenement .btn_container {
	display: flex;
	margin-top: 20px;
}


main.archive-evenement figure {
	width: 40%;
}

main.archive-evenement .content_container {
	width: 60%;
	display: flex;
	flex-direction: column;
	padding: 10px 10px 10px 20px;
	border: solid 1.5px transparent;
	border-image-slice: 1;
	border-image-source: linear-gradient(270deg, rgba(9, 143, 219, 1) 20%, rgba(255, 255, 255, 0) 90%);
}

main.archive-evenement ul#events-list {
	justify-content: space-between;
}

main.archive-evenement ul#events-list li {
	width: 49%;
}

main.archive-evenement p.start_date {
	font-size: 24px;
	line-height: 26px;
	font-weight: 900;
	font-style: italic;
}

main.archive-evenement .event_badge {
	margin-top: 10px;
}

main.archive-evenement .event_lieu {
	margin-top: auto;
}

main.archive-evenement .event_lieu p {
	font-size: 12px;
	line-height: 20px;
	display: flex;
	color: var(--e-global-color-4f61bb5);
}

main.archive-evenement .event_title {
	margin-bottom: 10px;
}

main.archive-evenement p.after_date {
	display: flex;
	font-size: 14px;
	line-height: 20px;
}

main.archive-evenement p.after_date span {
	margin-right: 10px;
}

main.archive-evenement .event_lieu span {
	margin-right: 10px;
}

p.start_date.v,
p.after_date.v {
	color: black;
}

.container_home_agenda {
	display: flex;
}

.container_home_agenda .preview_event {
	width: 40%;
	padding-right: 20px;
	display: flex;
	min-height: 500px;
}


.lien_google_maps_evenement {
	text-decoration: underline;
	color: #098fdb;
}


.container_home_agenda .preview_event article {
	margin-left: auto;
	background-position: bottom center;
	background-size: auto;

	background-repeat: no-repeat;
}

/* .preview_event .content_container {
	padding: 20px;
	background: linear-gradient(0deg, rgb(4 52 95 / 84%) 40%, rgb(255 255 255 / 35%) 80%);
	width: 100%;
	color: white;
	display: flex;
	flex-direction: column;
	justify-content: end;
} */

.preview_event .content_container {
	/* padding: 0px 68px; */
	/* background: linear-gradient(0deg, rgb(4 52 95 / 84%) 40%, rgb(255 255 255 / 35%) 80%); */
	width: 100%;
	color: white;
	display: flex;
	flex-direction: column;
	justify-content: end;
	padding: 0 13px;
}

.preview_event .date svg {
	fill: white;
}

.preview_event h3 {
	color: white !important;
	margin-top: 20px !important;
	font-size: 26px !important;
	line-height: 27px !important;
	font-weight: normal !important;
	font-family: "serif" !important;
}

.preview_event a:hover h3 {
	text-decoration: underline;
}

.container_home_agenda .after_date,
.container_home_agenda .event_lieu p {
	display: flex;
}

.container_home_agenda p.start_date {
	font-size: 30px;
	line-height: 30px;
	font-weight: 900;
	font-style: italic;
}

.container_home_agenda p.after_date span {
	margin-right: 10PX;
}

.preview_event .event_excerpt {
	margin-top: 5px;
}

.container_home_agenda .event_lieu p {
	font-size: 12px;
	line-height: 20px;
	display: flex;
	color: #000;
}

.container_home_agenda .event_lieu {
	margin-top: 20px;
}

.container_home_agenda .event_lieu span {
	margin-right: 10px;
}

.container_home_agenda h2 {
	margin-right: auto;
	display: flex;
	flex-direction: column;

}

.container_home_agenda h2 span {
	margin-left: auto;
}

.container_home_agenda .title_container {
	margin-bottom: 50px;
}

.container_home_agenda .title_container,
.container_home_agenda .filter_container {
	display: flex;
}

.container_home_agenda .filter_container button:first-child {
	margin-right: 20px;
}

.container_home_agenda .filter_container .link_btn {
	padding: 0 !important;
}

.container_home_agenda .filter_container a {
	margin-left: auto;
}

.container_home_agenda {
	background-color: rgb(255 255 255 / 58%);
	padding: 50px 20px 100px 50px;
}

.container_home_agenda .listing_archive>p {
	margin-top: 20px;
}

.container_home_agenda ul#home_events-list {
	margin-top: 50px;
	flex-wrap: nowrap;
	gap: 20px;
	display: flex;
	padding: 0px;
}

.container_home_agenda ul#home_events-list li {
	margin-bottom: 0;
	width: 100%;
}

.container_home_agenda ul#home_events-list li article {
	border-left: solid 1px rgb(9 143 219 / 18%);
	padding-left: 20px;
}

.container_home_agenda ul#home_events-list li a:hover h3 {
	text-decoration: underline;
}

.container_home_agenda ul#home_events-list li h3 {
	margin: 0 !important;
	font-weight: normal !important;
	font-family: "Helvetica" !important;
	font-style: italic !important;
	color: var(--e-global-color-text) !important;
}

.container_home_agenda ul#home_events-list li .event_badge {
	margin-top: 20px;
}

.container_home_agenda .events_container {
		overflow: hidden;
}

@media(max-width: 1024px) {

	main.archive-evenement .ce-con-inner {
		flex-direction: column;
	}

	main.archive-evenement .filter_container {
		width: 100%;
	}

	.container_home_agenda {
		background-color: white;
		padding: 20px;
	}

	.container_home_agenda .title_container {
		margin-bottom: 0;
	}

	.container_home_agenda .filter_container {
		flex-wrap: wrap;
		justify-content: end;
	}

	.container_home_agenda .mobile_container_head {
		display: flex;
	}



	.container_home_agenda h2 span {
		margin-left: 57px;
	}

	.container_home_agenda .preview_event {
		width: 50%;
	}

	.preview_event .content_container {
		padding: 40px 20px;
	}

	.preview_event h3 {
		font-size: 18px !important;
		line-height: 20px !important;
		margin: 0 !important;
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}

	.container_home_agenda .events_container {
		width: 100%;
		padding-left: 10px;
		margin-top: 10px;
	}

	.container_home_agenda .event_lieu {
		margin-top: 0 !important;
	}

	.container_home_agenda .event_lieu p {
		line-height: 14px;
	}

	.container_home_agenda .filter_container a {
		margin-top: 20px;
	}

	.container_home_agenda .events_container .event_lieu {
		margin-top: 10px !important;
	}

	.container_home_agenda ul#home_events-list li article {
		padding-left: 10px;
	}

	.container_home_agenda ul#home_events-list .owl-nav {
		right: inherit;
		left: 2px;
	}






}

@media(max-width: 767px) {
	.container_home_agenda .preview_event {
		width: 80%;
		margin: auto;
	}

	.container_home_agenda ul#home_events-list {
		margin-top: 50px;
		flex-wrap: wrap;
		gap: 20px;
	}

	main.archive-evenement ul#events-list li {
		width: 100%;
	}

	.mobile_container_head .filter_container .link_btn {
		padding: 0;
	}

	main.archive-evenement .events_container {
		width: 100%;

	}



}


/*******************************************************************************/



/********************************** Cartographie/association  *******************************/

.carto_container {
	display: flex;
	width: 100%;
}

.cartographie_map_container {
	width: 50%;
	padding-left: 20px;
	position: sticky;
	top: 0;
	height: 80vh;
}

.cartographie_map_container #cartographie-map {
	height: 100%;
}

ul#carto-list {
	display: flex;
	flex-direction: column;
}

.carto_container .listing_carto {
	width: 50%;
}

ul#carto-list>li {
	width: 100%;
	display: flex;
}

ul#carto-list>li article {
	flex-direction: row;
	width: 100%
}

ul#carto-list>li article figure {
	width: 100px;
	height: 100px;
}

.carto_container article:hover figure>a img {
	transform: scale(1);
}

.carto_container article:hover figure>a::after {
	opacity: 0;
}

.carto_container article figure:hover>a img {
	transform: scale(1.1);
}

.carto_container article figure:hover>a::after {
	opacity: 0.5;
}

ul#carto-list>li article .btn_container {
	margin-top: auto;
	margin-right: 20px;
}

ul#carto-list>li article .btn_container button {
	width: 30px;
	height: 30px;
	padding: 8px;
	display: flex;
	background-color: var(--e-global-color-primary);
	border-radius: 50px;
	z-index: 10;
	position: relative;
}

ul#carto-list>li article .btn_container button:hover {
	background-color: var(--e-global-color-accent);
}

ul#carto-list>li article .content_container {
	width: 60%;
	padding: 20px;
	display: flex;
	flex-direction: column;
	margin-bottom: auto;
	margin-top: auto;
}

ul#carto-list>li article h3 {
	margin: 0;
	margin-bottom: 5px;
}

ul#carto-list>li article p {
	margin-bottom: 0;
	font-style: italic;
	color: var(--e-global-color-primary);
	font-weight: 600;
}

.marker-pin {
	width: 30px;
	height: 30px;
	background-color: var(--e-global-color-primary);
	border: solid 3px white;
	border-radius: 50px;
	box-shadow: 0px 0px 4px 0px #0000006e;
	transition: all .4s ease-in-out;
}

.marker-pin:hover {
	background-color: var(--e-global-color-accent);
}

.leaflet-popup-content .btn_container {
	display: none !important;
}

.leaflet-popup-content {
	display: flex;
	flex-direction: column;
	margin: 0 !important;
	padding: 20px;
}

.leaflet-popup-content figure {
	width: 80px;
	display: flex;
}

.leaflet-popup-content figure a {
	display: flex;
}

.leaflet-popup-content figure img {
	border-radius: 12px;
}

.link_popup-container {}

.leaflet-popup-content a {
	border-radius: 5px;
	padding: 5px 10px;
	margin-right: auto;
	margin-top: 10px;
}

.leaflet-popup-content {
	font-size: 18px !important;
	line-height: 20px !important;
	font-style: italic;
	font-weight: 600;
}

.leaflet-popup-content p {
	margin-bottom: 0;
	font-style: italic;
	color: var(--e-global-color-primary);
	font-weight: 600;
	margin: 0 !important;
}

.leaflet-popup-content .content_container {
	padding-left: 10px;
	padding-right: 10px;
}

.infos_asso_container svg {
	fill: var(--e-global-color-accent);
	width: 20px;
	height: 20px;
}

.infos_asso_container {
	border: solid 2px transparent;
	border-image-slice: 1;
	border-image-source: linear-gradient(180deg, rgba(9, 143, 219, 1) 20%, rgba(255, 255, 255, 0) 90%);
	padding: 30px;
}

.infos_asso_container .title {
	display: flex;
}

.infos_asso_container>div {
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
}

.infos_asso_container .title>p {
	color: var(--e-global-color-accent);
	font-weight: bold;
	letter-spacing: 3px;
	margin-left: 10px;
	margin-bottom: 0px;
}

.infos_asso_container .content {
	padding-left: 30px;
}

.infos_asso_container .btn_container {
	flex-direction: row;
}

.infos_asso_container .btn_container a {
	background-color: var(--e-global-color-accent);
	padding: 10px;
	border-radius: 80px;
	border: solid 1px var(--e-global-color-accent);
	display: flex;
	margin-right: 10px;
}

.infos_asso_container .btn_container a:hover {
	background-color: white;
}

.infos_asso_container .btn_container a:hover svg {
	fill: var(--e-global-color-accent);
}

.infos_asso_container .btn_container svg {
	fill: white;
	transition: all .3s ease-out;
}


.carto_container .btn_container {
	align-items: center;
	display: flex;
}

.carto_container .form {
	display: flex;
	margin-top: 20px;
	margin-bottom: 20px;
}

#carto-list article {
	border: solid 2px transparent;
	border-image-slice: 1;
	border-image-source: linear-gradient(180deg, rgba(9, 143, 219, 1) 20%, rgba(255, 255, 255, 0) 90%);
	padding: 30px;
}

#carto-list h2 {
	font-weight: bold !important;
}

#carto-list article .adresse {
	display: flex;
	margin-top: 20px;
}

#carto-list article .adresse p {
	font-weight: normal;
	color: inherit;
	font-style: inherit;
	margin-left: 10px;
}

#carto-list article .asso_container {
	width: 100%;
}

#carto-list article .asso_content {
	display: flex;
	justify-content: space-between;
}

#carto-list article a.btn {
	border-radius: 5px;
	padding: 5px 10px;
}

@media(max-width: 1024px) {
	.carto_container {
		flex-direction: column-reverse;
	}

	.cartographie_map_container {
		width: 100%;
		position: inherit;
		height: inherit;
		padding-left: 0;
		display: flex;
		flex-direction: column;
	}

	.cartographie_map_container #cartographie-map {
		height: 350px;
	}

	.cartographie_map_container button {
		margin-top: 20px;
	}

	.carto_container .listing_carto {
		width: 100%;
		margin-top: 20px;
	}

	.leaflet-popup-content .content_container {
		max-width: 240px;

	}

	.leaflet-popup-content {
		max-width: 320px;
	}

	#carto-list article .asso_content {
		flex-direction: column;
	}

	#carto-list article a.btn {
		margin-top: 20px;
	}
}


/*******************************************************************************/



/********************************* Contact **********************************/

input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
	border-radius: 10px !important;
}

span.gfield_required,
p.gform_required_legend {
	display: none !important;
}

.ginput_container_consent {
	display: flex;
}

.ginput_container_consent input[type="checkbox"] {
	width: 15px;
	height: 15px;
	background-color: white;
	border-radius: 5px;
	vertical-align: middle;
	border: 1px solid var(--e-global-color-accent);
	appearance: none;
	-webkit-appearance: none;
	outline: none;
	margin-right: 10px;
	cursor: pointer;
	margin-top: auto;
	margin-bottom: auto;
}

.ginput_container_consent input[type="checkbox"]:checked {
	background-color: var(--e-global-color-primary);
}

.ginput_container_consent label {
	line-height: 20px;
}

.gform-body textarea,
.gform-body input[type="text"],
.gform-body input[type="tel"],
.gform-body input[type="email"],
.gform-body select {
	border: solid 1px #F3F9FD !important;
	border-radius: 5px !important;
	outline: none !important;
	font-weight: normal;
	padding: 8px 15px !important;
	background-color: #F3F9FD !important;
}

.gform-body textarea:focus,
.gform-body input[type="text"]:focus,
.gform-body input[type="tel"]:focus,
.gform-body input[type="email"]:focus {
	border-color: var(--e-global-color-accent) !important;

}

.gform-body label:not(.gfield_consent_label) {
	color: var(--e-global-color-4f61bb5);
	font-style: italic;
}


.gform-body select {
	background-image: url("https://villefranche-sur-mer.fr/wp-content/uploads/2023/09/triangle.png") !important;
	background-position: calc(100% - 15px) center;
	background-size: 10px;
	background-repeat: no-repeat;
	background-color: #C8E6F7 !important;
	border: solid 1px #C8E6F7 !important;
}

.gform-body input::placeholder {
	font-weight: 400;
	opacity: .6;
	font-size: 13px;
}

.gform-body .gfield--type-radio legend,
.gfield--type-address legend {
	color: var(--e-global-color-4f61bb5);
	font-style: italic;
	font-weight: 500 !important;
	font-size: 15px !important;
}

.gform-body .gfield--type-radio label {
	color: var(--e-global-color-text);
	font-style: inherit !important;
}

.gform-body .gfield--width-half.hidden_label {
	display: flex;
}

.gform-body .gfield--width-half>.ginput_container {
	margin-top: auto;
	width: 100%;
}

.gform_wrapper.gravity-theme .gfield_label {
	font-weight: 500 !important;
	font-size: 15px !important;
}


.gform-body .gfield {
	margin-bottom: 10px !important;
}

.gform_footer input[type="submit"] {
	margin: auto;
	padding-left: 0 !important;
	font-style: italic;
}


.gform_body .gform_fields .gfield .ginput_container_fileupload {
	border: 1px var(--e-global-color-accent);
	border-style: dashed;
	padding: 20px;
	border-radius: 5px;
}

.gform_body .gform_fileupload_rules {
	display: none !important;
}

.gform_body .ginput_container_fileupload input[type="file"]::-webkit-file-upload-button {
	color: white !important;
	background-color: var(--e-global-color-accent) !important;
	border-radius: 5px;
	border: solid 1px var(--e-global-color-accent) !important;
	padding: 5px 10px;
	cursor: pointer;
	transition: all .3s ease-out;
	font-style: italic;
	margin-right: 10px;
}

.gform_body .ginput_container_fileupload input[type="file"]::-webkit-file-upload-button:hover {
	background-color: white !important;
	color: var(--e-global-color-accent) !important;
}



/****************************************************************************/




/******************* Sommaires ********************/

.sommaire_container {
	display: flex;
	flex-wrap: wrap;
	gap: 50px;
}

.sommaire_container article {
	width: calc(50% - 25px);
	min-height: 500px;
}

.sommaire_container a {
	background-size: cover;
	background-position: center;
	display: flex;
	width: 100%;
	height: 100%;
}

.sommaire_container a .content_page {
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgb(0 0 0 / 38%) 30%, rgba(255, 255, 255, 0) 70%);
	transition: all .4s ease-in-out;
	justify-content: end;
	display: flex;
	flex-direction: column;
	padding: 20px;
}

.sommaire_container a:hover .content_page {}

.sommaire_container h2 {
	color: white !important;
	font-style: normal !important;
}

.sommaire_container a .content_page .hover_section {
	max-height: 0px;
	transition: all .4s;
	color: var(--e-global-color-4f61bb5);
	text-align: center;
	padding-top: 0px;
	font-style: italic;
	opacity: 0;
	border-top: solid 1px var(--e-global-color-4f61bb5);
}

.sommaire_container a:hover .content_page .hover_section {
	max-height: 80px;
	opacity: 1;
	padding-top: 20px;
}

@media(max-width: 767px) {
	.sommaire_container {
		gap: 20px;
	}

	.sommaire_container article {
		width: calc(50% - 10px);
		min-height: 300px;
	}
}

/***********************************************************/




/********************************* Footer ***********************************/

.numeros_utiles_container a {
	color: white !important;
	font-size: 14px;
	text-decoration: underline !important;
	font-weight: bold !important;
}

.numeros_utiles_container .accordion:hover,
.numeros_utiles_container .accordion:focus {
	color: white;
}

.numeros_utiles_container .panel {
	margin-bottom: 10px;
}

.btn_footer a.elementor-button span.elementor-button-text {
	margin-left: inherit;
}

@media(max-width: 767px) {

	.numeros_utiles_container button {
		margin: auto;
	}

	.numeros_utiles_container .panel {
		text-align: center;
	}

}

/****************************************************************************/



/*************************** Offres d'emplois *******************************/



.offres_emplois_container {
	display: flex;
	justify-content: space-between;
}

.offres_column {
	width: 30%;
}

.offres_column ul {
	display: flex;
	flex-direction: column;
}

.offres_column ul li .offre {
	border: solid 1.5px transparent;
	border-image-slice: 1;
	border-image-source: linear-gradient(180deg, rgba(9, 143, 219, 1) 20%, rgba(255, 255, 255, 0) 90%);
	padding: 20px;
	padding-bottom: 0;
}

.offres_column ul li .offre>div {
	display: flex;
	margin-top: 10px;
}

.offres_column ul li .offre>div>p {
	display: flex;
	line-height: 20px;
	margin-right: 20px;
}

.offres_column ul li .offre>div>p>span {
	margin-right: 5px;
}

.single_offre_column {
	width: 68%;
	position: relative;
	padding: 20px;
}

.offres_column ul li .offre a.active {
	color: var(--e-global-color-accent);
}

.offres_column ul li .offre a {
	font-family: "Linux Libertine", Sans-serif;
	font-style: italic;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	cursor: pointer;
}

.offres_column ul li .offre a:hover {
	color: var(--e-global-color-accent);
}


.single_offre_column h3 {
	font-family: "Linux Libertine", Sans-serif;
	font-weight: bold;
	font-style: italic;
}

.single_offre_column .offre>div.infos {
	display: flex;
	margin-top: 10px;
}

.single_offre_column svg {
	width: 20px;
	height: 20px;
	fill: var(--e-global-color-primary);
}

.single_offre_column div.infos>p {
	display: flex;
	line-height: 20px;
	margin-right: 20px;
}

.single_offre_column div.infos>p>span {
	margin-right: 5px;
}

.single_offre_column .blue_content {
	margin: 20px 0;
	background-color: #C9E6F7;
	padding: 20px;
	border-radius: 15px;
}

.single_offre_column .blue_content p {
	margin-bottom: 20px;
}

.single_offre_column ul li::marker {
	color: var(--e-global-color-accent);
}

.single_offre_column ul li {
	margin-bottom: 10px;
}

.offre_postule p {
	text-align: center;
}

.offre_postule p span {
	color: var(--e-global-color-accent);
	text-decoration: underline;
}

@media(max-width: 767px) {

	.offres_emplois_container {
		flex-direction: column;
	}

	.single_offre_column {
		display: none;
		width: 100%;
	}

	.single_offre_column.active {
		display: block;
	}

	.offres_column {
		width: 100%;
	}

	.offres_column ul li .offre a.active {
		color: inherit !important;
	}

	.offres_column ul li .offre.active a {
		color: var(--e-global-color-accent) !important;
	}

}

/****************************************************************************/










/****************** Animations ********************/

@keyframes fade-in-animation {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fade-out-animation {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes fade-in-right-animation {
	0% {
		opacity: 0;
		transform: translateX(100px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes fade-out-right-animation {
	0% {
		opacity: 1;
		transform: translateX(0px);
	}

	100% {
		opacity: 0;
		transform: translateX(100px);
	}
}

@keyframes linkBtnHover {
	from {
		transform: translateY(-50%) translateX(0px);
	}

	to {
		transform: translateY(-50%) translateX(-10px);
	}
}


.fade-in {
	opacity: 0;
	animation: fade-in-animation 1s ease forwards;
}

.fade-out {
	opacity: 1;
	animation: fade-out-animation 1s ease forwards;
}

.fade-in-right {
	opacity: 0;
	transform: translateX(100px);
	animation: fade-in-right-animation 1s ease forwards;
}

.fade-out-right {
	opacity: 1;
	transform: translateX(0px);
	animation: fade-out-right-animation 1s ease forwards;
}




/**************************************************/





/************************* Menu header ************************/

.e-n-menu-items-content {}

i.fa-search::before {
	font-size: 0px !important;
}

i.fa-search {
	background-image: url("https://villefranche-sur-mer.fr/wp-content/uploads/2023/09/search.svg");
	background-position: center;
	background-size: 80%;
	background-repeat: no-repeat;
}

.e-n-menu-item-title::before {
	content: "";
	display: flex;
	width: 100%;
	height: 3px;
	bottom: -1.5px;
	background-color: var(--e-global-color-accent);
	opacity: 0;
	transition: all .3s ease-in-out;
}

.e-n-menu-item-title:hover::before {
	opacity: 1;
}

.kg_menu {
	display: flex;
}


.kg_menu .first_item_container {
	width: 33%;
}

.kg_menu .first_item_container .item {
	height: 100%;
	background-position: center;
	background-size: cover;
	border-radius: 15px;
	padding: 10px;
	display: flex;
	position: relative;
}

.kg_menu .first_item_container .item::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.46271008403361347) 40%, rgba(255, 255, 255, 0) 80%);
	border-radius: 15px;
}

.kg_menu .first_item_container .item a {
	margin-top: auto;
	color: white;
	z-index: 1;
}

.kg_menu .first_item_container .item a:hover {
	color: var(--e-global-color-primary);
}

.kg_menu .items_container {
	margin-left: 20px;
	display: flex;
	flex-wrap: wrap;
	column-gap: 40px;
	row-gap: 20px;
	padding: 20px;
	flex-direction: row-reverse;
}

.kg_menu .items_container .item {
	width: calc(50% - 40px);
	padding-bottom: 10px;
	border-bottom: solid 0.5px #00000060;
}

.kg_menu .item a {
	font-family: "Linux Libertine", sans-serif;
	font-weight: bold;
	font-style: italic;
	color: black;

}


/**************************************************************/


/******************************* Mediatheque *************************/

.mediatheque_photos .e-gallery-item::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 40px;
	height: 40px;
	background-color: #00000050;
	background-image: url("https://villefranche-sur-mer.fr/wp-content/uploads/2023/09/agrandir.png");
	background-size: 70%;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0;
	transition: opacity .3s ease-in-out;
	border-radius: 5px;

}

.mediatheque_photos .e-gallery-item:hover::after {
	opacity: 1;
}

#mediatheques-list article a {
	color: white;
	width: 100%;
}

#mediatheques-list article .hover_section {
	max-height: 0px;
	transition: all .4s;
	color: var(--e-global-color-4f61bb5);
	text-align: center;
	padding-top: 0px;
	font-style: italic;
	opacity: 0;
	border-top: solid 1px var(--e-global-color-4f61bb5);
	z-index: 2;
}

#mediatheques-list article a:hover .hover_section {
	max-height: 80px;
	opacity: 1;
	padding-top: 20px;
}

#mediatheques-list article {
	min-height: 500px;
}

#mediatheques-list article .mediatheque_container {
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
	position: relative;
	padding: 20px;
}

#mediatheques-list article .mediatheque_container::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgb(0 0 0 / 38%) 30%, rgba(255, 255, 255, 0) 70%);
}



#mediatheques-list {
	justify-content: space-between;
}

#mediatheques-list li {
	width: 32%;
	margin-bottom: 2%;
}

#mediatheques-list article .mediatheque_infos {
	display: flex;
	font-style: italic;
	justify-content: space-between;
}

#mediatheques-list article .mediatheque_infos>div {
	display: flex;
}

#mediatheques-list article .mediatheque_infos img {
	width: 20px;
}

#mediatheques-list article .mediatheque_infos p {
	margin-left: 10px;
}

#mediatheques-list article .mediatheque_content {
	margin-top: auto;
	z-index: 2;
	margin-bottom: 20px;
}

#mediatheques-list article .mediatheque_content h2 {
	color: white;
	margin-bottom: 10px !important;
}

#mediatheques-list article .mediatheque_content .date {
	color: var(--e-global-color-4f61bb5);
}

.mediatheque_content .videos_mediatheque {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 20px;
}

.mediatheque_content .videos_mediatheque iframe {
	width: 48%;
}

@media(max-width: 1024px) {
	#mediatheques-list li {
		width: 48%;
		margin-bottom: 4%;
	}
}

@media(max-width: 767px) {

	#mediatheques-list li {
		width: 100%;
		margin-bottom: 20px;
	}

	.mediatheque_content .videos_mediatheque iframe {
		width: 100%;
		margin-bottom: 20px;
	}
}


/**********************************************************************/






/*********************************** Docuthèque ************************************/

.list_docus_terms {
	position: relative;
}

.list_docus_terms select {
	padding-right: 50px !important;
}

main.archive-evenement .filter_docu_container {
	width: 40%;
}

main.archive-evenement .document>.content_container {
	padding: 0;
	border: none !important;
}

ul#docs-list li {
	width: 100%;
}



main.archive-evenement .document>.btn_container {
	margin-top: 0px !important;
}

/***********************************************************************************/

/*********************************** Surcharge *************************************/

.e-n-menu-title-text {
	text-shadow: 1px 1px 3px #000000bf;
}

.elementor-16 .elementor-element.elementor-element-707c4b5.elementor-element {
	--align-self: unset !important;
}

.elementor-widget-n-menu .e-n-menu {
	position: relative;
}

.elementor-widget-n-menu .e-n-menu-wrapper {
	align-items: flex-end;
	--stretch-width: unset !important;
	--stretch-left: unset !important;
}

.elementor-widget-n-menu .e-n-menu-content {
	left: 0 !important;
}


.kg_menu {
	display: block !important;
}

.kg_menu .item a {
	display: block;
}

.elementor-16 .elementor-element.elementor-element-a1e78c2 .elementor-icon-list-item>a {
	text-shadow: 1px 1px 3px #000000bf;
	display: flex;
	align-items: baseline;
}

.elementor-widget-n-menu .e-n-menu-heading .e-n-menu-title {
	transition: all .2s ease-in-out;
}

.elementor-16 .elementor-element.elementor-element-03e6fa4>.elementor-widget-container>.e-n-menu>.e-n-menu-wrapper>.e-n-menu-heading>.e-n-menu-title:hover:not(.e-current) {
	border-width: 0px 0px 5px 0px !important;
}

.elementor-9 .elementor-element.elementor-element-158cfb1 .elementor-heading-title {
	line-height: 1 !important;
}

.logo-overlay {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
	opacity: .1;
	width: 110px;
}


/***********************************************************************************/


/*********************************** contact *************************************/

.bloc-info-contact {
	background-color: #FFFFFF;
	border: solid 2px transparent;
	border-image-slice: 1;
	border-image-source: linear-gradient(180deg, rgba(9, 143, 219, 1) 20%, rgba(255, 255, 255, 0) 90%);
}

.Numero {
	display: flex;
	justify-content: flex-start;
	align-items: start;
}

.Numero-1 {
	display: flex;
	flex-direction: column;
	margin: 0 70px 0 0px;
}

.Numero-1 span {
	padding: 11px 0;
}



/***********************************************************************************/


/*********************************** Résulat Recherche  *************************************/



span.titlre-resultat-recherche {
	font-weight: 600;
	color: #ffffff;
	font-size: 20px;
}