/*
Theme Name: WP Bootstrap Starter Child
Theme URI: https://afterimagedesigns.com/wp-bootstrap-starter/
Template: wp-bootstrap-starter
Author: Afterimage Designs
Author URI: https://afterimagedesigns.com/
Description: The best WordPress starter theme based on the most powerful frameworks in the world: "_s" (by Automattic, the main people behind WordPress development), Twitter Bootstrap (the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web) and Font Awesome (or Fontawesome, a full suite of 675+ pictographic icons for easy scalable vector graphics on websites). This theme, like WordPress, is licensed under the GPL. You can use this theme as base for your next WordPress theme project and you are allowed to remove the link at the footer or do whatever you want. Your feedback on how we can continuously improve this WordPress Starter Theme Bootstrap will be highly appreciated. Page templates includes Right-sidebar (default page template), Left-Sidebar, Full-Width, Blank with container, Blank without container Page. Other features - Currently using Bootstrap v4.0.0 , Widgetized footer area, WooCommerce ready, Compatible with Contact Form 7, Compatible with Visual Composer, Compatible with Elementor Page Builder. This theme will be an active project which we will update from time to time. Check this page regularly for the updates.
Tags: blog,custom-menu,featured-images,threaded-comments,translation-ready,right-sidebar,custom-background,e-commerce,theme-options,sticky-post,full-width-template
Version: 3.3.6.1722813035
Updated: 2024-08-05 01:10:35
*/




.splw-lite-current-temp .temperature-scale {
	font-size: 16px !important;
	
	line-height: 48px !important;
	
}

.splw-lite-wrapper .splw-lite-current-temp span.cur-temp{font-size: 30px !important}

#splw-location-weather-1665 .splw-lite-wrapper {
	border-radius: 0 0 6px 6px !important;
}

#splw-location-weather-1665 .splw-lite-templates-body {
	padding: 5px !important;
}

#splw-location-weather-1665.splw-main-wrapper {
	max-width: 170px !important;
	margin: 0 !important;
}


.graph-projet .highcharts-plot-border{stroke: transparent !important}
.graph-projet .highcharts-background{fill: transparent !important }

.graph-projet::before {
	content: "";
	position: absolute;
	width: 152px;
	height: 152px;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 100% 100% 0 0;
	left: calc(50% - 76px);
	top: 10px;
}

.graph-projet{bottom: -80px}

#page{overflow: hidden}

form.mailpoet_form{border-radius: 40px;padding: 20px 0;display: flex;flex-wrap: wrap;justify-content: center;
	background: #20CAE9;
background: -webkit-linear-gradient(306deg, rgba(32, 202, 233, 1) 0%, rgba(0, 134, 157, 1) 100%);
background: -moz-linear-gradient(306deg, rgba(32, 202, 233, 1) 0%, rgba(0, 134, 157, 1) 100%);
background: linear-gradient(306deg, rgba(32, 202, 233, 1) 0%, rgba(0, 134, 157, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#20CAE9", endColorstr="#00869D", GradientType=0);}

.mailpoet_paragraph {margin: 0 !important;
	width: calc(100% - 135px);
	max-width: 550px !important;
}

.mailpoet_paragraph.last {
	width: 135px;
	margin-left: -20px !important;
}

.mailpoet_text {
	border-radius: 30px 0 0 30px;
	border: 1px solid white;
	background-color: transparent;
	color: white;
	padding: 10px 20px !important;
}

.mailpoet_submit {
	width: 100% !important;
	background-color: white;
	border-radius: 30px;
	border: 1px solid white !important;
	color: #00A3C1;
	padding: 10px 0 !important;
}

small{font-size: 90%}

html{margin: 0 !important}

body{font-family:'Work Sans';font-weight:400;font-size: 16px;color: #054E5B;	-moz-osx-font-smoothing: grayscale;}

body img{display: inline}

.container-big{max-width: 1620px}

.w-60{width: 60%}
.w-70{width: 70%}
.w-30{width: 30%}
.w-40{width: 40%}

.top0{top: 0}
.left0{left: 0}
.bottom0{bottom: 0}
.right0{right: 0}
.zindex1{z-index:1}

.CabinetGrotesk-Light{font-weight:200;}
.CabinetGrotesk-Regular{font-weight:300;}
.CabinetGrotesk-Medium{font-weight:400;}
.CabinetGrotesk-Bold{font-weight:600;}
.CabinetGrotesk-Extrabold{font-weight:800;}

.text-darkblue{color: #054E5B !important}
.text-grey{color: #6A727E !important}
.text-blue{color: #00A3C1 !important}
.text-gold{color: #CE9C6E !important}

.bg-darkblue{background-color: #054E5B !important}
.bg-blue2{background-color: #00A3C1 !important}

.bg-gold{background-color: #CE9C6E !important}

.bg-cover{background-size: cover !important;}
.bg-center{background-position: center}

.bg-orange{background-image: url(images/bg-orange.jpg);	background-size: 2020px;
	background-position: center;}

.bg-blue {
	background-image: url(images/bg-blue.jpg);
	background-size: 4017px auto;
	background-position: center;
	background-attachment: fixed;
}


.bg-blue + section{margin-top: 3rem}

.bg-blue + section.section_rubrique{margin-top: 0}

.bg-blue-round {
	background-image: url(images/bg-blue-round.jpg);
	background-size: 1920px;
	background-position: center top;
	height: 1070px;
}

.bg-gradient-blue-down{background: #CDE9F1;
background: -webkit-linear-gradient(0deg, rgba(205, 233, 241, 1) 0%, rgba(205, 233, 241, 0) 100%);
background: -moz-linear-gradient(0deg, rgba(205, 233, 241, 1) 0%, rgba(205, 233, 241, 0) 100%);
background: linear-gradient(0deg, rgba(205, 233, 241, 1) 0%, rgba(205, 233, 241, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#CDE9F1", endColorstr="#CDE9F1", GradientType=0);}

.bg-feuilles{background-image: url(images/bg-feuilles.jpg);}

img{max-width: 100%}

.border-radius100 img{border-radius: 100%}

.contain{object-fit: contain}
.cover{object-fit: cover}

.btn {
	background-color: #00A3C1;
	border: 1px solid #00A3C1;
	color: white !important;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	border-radius: 100px;
	letter-spacing: 1px;
	padding: 12px 20px;
	min-width: 190px;
	text-decoration: none !important;
}

.btn-white{background-color: white;
	border: 1px solid #00A3C1;
	color: #00A3C1 !important;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	border-radius: 100px;
	letter-spacing: 1px;
	padding: 12px 20px;
	min-width: 190px;
	text-decoration: none !important;}

.btn:hover{color: #00A3C1 !important;background-color: white}

.btn.selected{box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);}

.btn-plus {
	transition: all 0.5s;
	background-color: #00A3C1;
	width: 36px;
	height: 36px;
	right: calc(50% - 18px);
	bottom: -18px;
	position: relative;
	border-radius: 100%;
}

.btn-liste .btn-plus{right: 0;
	bottom: 0;}

.btn-plus:after{content: "";position: absolute;background-color: white;width: 100%;height: 100%;right: 0;bottom: 0;-webkit-mask-image: url(images/picto-plus.svg);-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;-webkit-mask-size: 15px}

.btn-plus.bg-white:after{background-color: #00A3C1}

a:hover .btn-plus,.btn-plus:hover{background-color: #054E5B}

ul.btn-liste {
	list-style: none;
	padding: 0;
	text-transform: uppercase;
}

ul.btn-liste li{margin-bottom: 10px}

ul.btn-liste a {
	position: relative;
	display: flex;
	color: #00A3C1 !important;
	text-decoration: none;
	align-items: center;
}

ul.btn-liste a::before {
	content: "";
	display: block;
	transition: all 0.5s;
	background-color: #00A3C1;
	width: 36px;
	height: 36px;
	position: relative;
	border-radius: 100%;
	margin-right: 15px;
}

ul.btn-liste a::after {
	content: "";
	position: absolute;
	background-color: white;
	width: 36px;
	height: 100%;
	left: 0;
	bottom: 0;
	-webkit-mask-image: url(images/picto-plus.svg);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: 15px;
}

.btn-big {
	text-transform: uppercase;
	transform: scale(1);transition: all 0.5s;
	text-decoration: none !important;position: relative;
	border-radius: 100px;
	font-size: 18px;
	font-weight:600;
	color: white;
	box-shadow: 0 15px 36px rgb(0,0,0,0.20);
	background: rgb(64,111,221);
	background: -moz-linear-gradient(90deg, #00869D 0%, #20CAE9 100%);
	background: -webkit-linear-gradient(90deg, #00869D 0%, #20CAE9 100%);
	background: linear-gradient(90deg, #00869D 0%, #20CAE9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00A3C1",endColorstr="#1ed8e4",GradientType=1);
	padding: 15px 30px 15px 30px;
}

.btn-check{padding: 15px 70px 15px 30px;}

.btn-check::after {
	content: "";
	background-image: url(images/picto-check.svg);
	position: absolute;
	width: 52px;
	height: 52px;
	top: calc(50% - 26px);
	right: 10px;
	background-repeat: no-repeat;
	background-position: center;
}

.btn-download {
	text-transform: uppercase;
	font-size: 18px;
	font-weight:800;
	background-image: url(images/picto-download.svg);
	background-repeat: no-repeat;
	padding-left: 60px;
	min-height: 50px;
	display: flex;
	align-items: center;
}

.btn-big:hover{transform: scale(0.9);}

.btn-light {
	background-color: transparent;
	border: 1px solid white;
	color: white !important;
	text-transform: initial;
	font-size: 15px;
	letter-spacing: 0;
	padding: 10px 15px;
	min-width: 250px;
	text-align: center;
}

.btn-light:hover {
	color: #054E5B !important;
}

.btn-light:hover img {
	filter: invert(100%) sepia(10%) saturate(4278%) hue-rotate(195deg) brightness(89%) contrast(101%)
}

.btn-see {
	background-image: url(images/picto-see.svg);
	width: 31px;
	height: 31px;
	display: block;
}

.btn-download2 {
	background-image: url(images/picto-download2.svg);
	width: 31px;
	height: 31px;
	display: block;
}

/* Focus Styles for Accessibility */
.btn:focus, .btn-big:focus, .btn-light:focus {
	outline: 2px solid #00A3C1;
	outline-offset: 4px;
}

.picto-link img{transform: scale(1);transition: all 0.5s;}

.picto-link img:hover{transform: scale(0.9);}


ul{padding-left: 15px}

ol {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	padding: 0;
}

#content p a{color: #6A727E;}

#content ul a{font-weight:600;color: #6A727E;}

strong,b{font-weight:800;}

hr{border:0;background-image: url(images/border-dotted.svg);height: 2px}



a {
	color: #00A3C1;
	text-decoration: underline;
}

.amithen {
    font-family: 'Vladimir Script' !important;
    font-weight: normal;
}

h1,h2,h3,h4,h5,h6{color: #054E5B}

h1.amithen,h2.h1.amithen{font-size: 123px;font-weight: normal}

h1,h2.h1{color: #054E5B;font-size: 42px;font-weight:800;padding: 0}

h2{color: #00A3C1;font-size: 24px;font-weight:700;padding: 0}

h2.text-uppercase{letter-spacing: 5px;font-weight:600;}

h3{font-size: 22px;color: #054E5B;font-weight:600;padding: 0}

h4 {
	font-size: 20px;
	font-weight: 600;
	padding: 0;
}

h4.text-uppercase{font-size: 18px}

.owl-dots{display: none}

.owl-nav button span {
	display: block;
	-webkit-mask-image: url(images/owl-arrow.svg);
	width: 24px;
	height: 50px;color: transparent !important;
}

hr.solid{
  border-bottom: 1px solid #00A3C1;
  background-image: none;}


.owl-nav button.owl-next{transform: rotate(180deg)}


.titre_picto_contact, .titre_picto_adresse, .titre_picto_horaire, .titre_picto_envelope, .titre_picto_form {
	position: relative;
	padding-left: 40px;
	margin-bottom: 5px;
}

.titre_picto_contact + p, .titre_picto_adresse + p, .titre_picto_horaire + p,.titre_picto_envelope + p,.titre_picto_form + p{padding-left: 40px;}

.titre_picto_contact::before, .titre_picto_adresse::before, .titre_picto_horaire::before, .titre_picto_envelope::before, .titre_picto_form::before {
	content: "";
	position: absolute;
	background-color: #054E5B;
	-webkit-mask-image: url(images/picto-adresse.svg);
	width: 32px;
	height: 32px;
	left: 0;
	-webkit-mask-repeat: no-repeat;
	top: -5px;
	-webkit-mask-position: left center;
}

.titre_picto_contact::before{-webkit-mask-image: url(images/picto-contact.svg);}

.titre_picto_horaire::before{-webkit-mask-image: url(images/picto-horaire.svg);}

.titre_picto_envelope::before{-webkit-mask-image: url(images/picto-envelope2.svg);}

.titre_picto_form::before{-webkit-mask-image: url(images/picto-form.svg);}

.decoration-none{text-decoration: none !important}

.round-blue {
	background-image: url(images/round-blue.svg);
	width: 180px;
	height: 180px;
	background-size: contain;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding-bottom: 6%;
	font-size: 30px;
	font-weight:800;
}


.legende p{margin-bottom: 0}

.legende .couleur{width: 60px;height: 60px}

#content.site-content{padding-top: 145px}



header#masthead{top: 0;left: 0;z-index: 10;height: 145px}

header#masthead a{text-decoration: none !important}

header#masthead ul.navbar-nav > li {
	cursor: pointer;
	display: flex;
	align-items: center;
}

header#masthead ul.navbar-nav > li.current-menu-parent > a {
	color: #00A3C1 !important;
}
header#masthead ul.navbar-nav > li::before {
	content: "";
	position: absolute;
	width: 1px;
	height: 50px;
	background-color: #00A3C1;
	opacity: 0;
	bottom: -15px;
	z-index: 11;
	left: calc(50% - 15px);
}

header#masthead ul.navbar-nav > li:hover::before{opacity: 1}

header#masthead ul.navbar-nav > li > a {
	color: #054E5B !important;
	text-transform: uppercase;
	font-weight:800;
	font-size: 14px !important;
	letter-spacing: 2px;
	height: 100%;
	display: flex;
	align-items: center;pointer-events: none;
}

header#masthead ul.navbar-nav > li::after {
	content: "";
	width: 1px;
	height: 16px;
	background-color: #00A3C1;
	display: inline-block;
	margin: 0 15px;
}

header#masthead ul.navbar-nav > li.mes-loisirs::after{display: none}


header#masthead .sub-header{font-size: 14px}


header#masthead .sub-header .search-form{display: flex;position: relative}

header#masthead .sub-header .search-form label{order: 2;margin: 0}

header#masthead .sub-header .search-form .search-submit{display: none}

header#masthead .sub-header .search-form .search-field {
	background-image: url(images/picto-glass.svg);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0 0 0 18px;
	margin-left: 20px;
	background-color: transparent;
	border: 0;
	color: white;
	font-size: 14px;
}

header#masthead .sub-header .search-form .search-field::placeholder{color: white}

.relevanssi-live-search-results {
	background-color: #054E5B !important;
	border-radius: 0 !important;
	color: white !important;
	border: 0 !important;
	padding: 20px;
	font-size: 15px;
	left: 15px !important;
	top: 39px !important;
}

.relevanssi-live-search-results a{color: white !important}

.relevanssi-live-search-result p{padding: 5px 0 !important}

.relevanssi-live-search-result-status p {
	padding: 0 0 5px !important;
	text-transform: uppercase;
	border-bottom: 0.3px solid white !important;
	margin-bottom: 5px;
}

header#masthead .picto-clock {
	background-image: url(images/picto-clock.svg);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 18px;
	display: flex;
	align-items: center;
}

header#masthead .picto-envelope{
	background-image: url(images/picto-envelope.svg);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 18px;
	display: flex;
	align-items: center;margin-left: 20px;
}



header#masthead .menu-slash a::after {
	content: "/";
	display: inline-block;
	color: #00A3C1;
	margin: 0 15px;
	font-size: 22px;
	font-style: italic;
	line-height: 0;
	font-weight:200;
	position: relative;
	top: 3px;
}

header#masthead .menu-slash a:last-child::after{display: none}


#splw-location-weather-370.splw-main-wrapper {
	max-width: 75px !important;
	border-radius: 0 0 10px 10px;
	margin: 0 !important;
	position: absolute !important;
	right: 0;
	top: 0;
	background-color: white;
}

#splw-location-weather-370.splw-main-wrapper .splw-weather-title{display: none}

#splw-location-weather-370 .splw-lite-templates-body{padding: 10px !important}

#splw-location-weather-370 .splw-lite-wrapper .splw-lite-current-temp span.cur-temp, #splw-location-weather-370 .splw-lite-wrapper .splw-lite-current-temp span.cur-temp .temperature-scale {
	color: #FFC700 !important;
	font-size: 12px !important;
	margin: 0;
	vertical-align: middle;
	line-height: 1;
}

#splw-location-weather-370 .splw-lite-wrapper .splw-lite-current-temp span.cur-temp{display: block}

#splw-location-weather-370 .splw-lite-wrapper .splw-lite-current-temp .splw-cur-temp {display: block !important}


.mega-menu {
	background-color: rgb(5,78,91,0.9);
	left: 0;
	top: 145px;
	z-index: 10;
	display: none;
	transform: translateY(-30px);
	opacity: 0;
	visibility: hidden;transition: all 0.5s;
	max-height: calc(100vh - 145px);
	overflow: auto;
}



#main-nav .navbar-nav li:hover .mega-menu,
#main-nav .navbar-nav li:focus .mega-menu,
#main-nav .navbar-nav li:focus-within .mega-menu{transform: translateY(0);
	opacity: 1;
	visibility: visible;}

.mega-menu a {
	color: white !important;
	text-decoration: none;
	padding: 5px 0;
	font-size: 16px;
	line-height: 1 !important;
}

.mega-menu ul.mega-nav > li > ul > li.ul-border-bottom > ul > li {
	border-bottom: 1px solid rgb(255,255,255,0.3);
	padding-bottom: 10px;margin-bottom: 15px;
}

.mega-menu ul.mega-nav > li > ul > li,.mega-menu ul.mega-nav > li > ul > li > ul > li.dropdown{margin-bottom: 15px;}

.mega-menu a:before{content: "> ";display: inline}
.mega-menu ul.mega-nav > li > ul > li > a:before,.mega-menu ul.mega-nav > li > ul > li > ul > li.dropdown > a:before{display: none}
.mega-menu a:hover{opacity: 0.8}

.mega-menu ul.mega-nav > li{display: none}

li.ma-ville .mega-menu ul.mega-nav > li.ma-ville,
li.ma-mairie .mega-menu ul.mega-nav > li.ma-mairie,
li.mon-quotidien .mega-menu ul.mega-nav > li.mon-quotidien,
li.mes-loisirs .mega-menu ul.mega-nav > li.mes-loisirs{display: block}


li.ma-ville .menu-col{width: 33.33%}
li.ma-mairie .menu-col{width: 33.33%}
li.mon-quotidien .menu-col{width: 33.33%}
li.mes-loisirs .menu-col{width: 33.33%}

.mega-menu ul.mega-nav > li > a{display: none}

.dropdown-menu {
	display: block;
	position: static !important;
	background-color: transparent;
	border: 0;
	padding: 0;
	margin: 0;
	float: none;
}

.mega-menu .col {
	display: none;
	padding: 0 8px;
}



.menu-col{border-right: 1px solid #00A3C1}

.menu-col:last-child{border: 0;}



.mega-menu .col1 .col1,.mega-menu .col2 .col2,.mega-menu .col3 .col3,.mega-menu .col4 .col4,.mega-menu .col5 .col5{display: block}

.mega-menu ul.mega-nav > li > ul > li > a {
	color: #00A3C1 !important;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 8px;
}

.mega-menu ul.mega-nav li.menu-item-has-children{margin-top: 10px}

.mega-menu ul.mega-nav li.menu-item-has-children + li.menu-item-has-children{margin-top: 0}



.mega-menu ul.mega-nav > li > ul > li > ul > li.dropdown > a {
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 8px;
	letter-spacing: 1.5px;
}

.mega-menu .dropdown.menu-item-has-children .dropdown.menu-item-has-children > a::after{display: none}

#breadcrumbs{font-size: 12px}


.date {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
}

.sous-titre {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
}



.banner{height: 160px}

a.vignette{transform: scale(1);transition: all 0.5s;}

a.vignette:hover{transform: scale(0.95)}

.vignette1 .img,.vignette2 .img{height: 250px}

a.vignette .btn-plus{right: 15px;top: 15px;bottom: inherit;z-index: 1}

.vignette2{box-shadow: 8px 13px 26px rgb(0,0,0,0.13);margin:15px 35px 40px }

.vignette3{min-height: 220px}

.vignette3:after{opacity: 0.5;content: "";position: absolute;top: 0;left: 0;width: 100%;height: 50%;background: #FFF;
background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF", GradientType=0);}

.vignette3::before {transition: all 0.5s;opacity: 0;
	position: absolute;
	left: 10px;
	top: 10px;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	content: "";
	background: rgb(255,255,255);
	background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(208,170,149,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(208,170,149,1) 100%);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(208,170,149,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#d0aa95",GradientType=1);
	mix-blend-mode: multiply;
}

.vignette3 h4{transition: all 0.5s;z-index: 1}

.vignette3:hover h4{color: white !important}
.vignette3:hover::before{opacity: 1}


.vignette-agenda{box-shadow: 0px 7px 16px rgb(0,0,0,0.10);margin:10px 10px 25px}

.vignette-agenda .img{height: 0 !important}

.vignette-agenda hr {
	border-bottom: 1px solid #CE9C6E;
	width: 45px;
	background-image: none;
	margin: 6px auto 15px;
}

.elu{box-shadow: 0 9px 15px rgb(0,0,0,0.1);border-radius: 5px;position:relative}

.elu:before{content: "";position: absolute;width: 100%;height: 10px;background-color: #054E5B;border-radius: 5Px 5px 0 0;top: 0;left: 0}
.elu::after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: #054E5B;
	top: 5px;
	transform: rotate(45deg);
	left: calc(50% - 5px);
}

.elu .barre {
	
	position: absolute;
	bottom: 20px;
	left: calc(50% - 20px);
}

.img-maire{
	padding: 50% 0;
	border-radius: 100%;
	background-position: -57px 4px;
}




.paragraphe p:last-child,.paragraphe hr:last-child{margin-bottom: 0}

.paragraphe h2:first-child{margin-top: 0}

.paragraphe h3:first-child{margin-top: 0}

.paragraphe h2+h3{margin-top: 20px}

.paragraphe h2:last-child,.paragraphe h3:last-child,.paragraphe ul:last-child{margin-bottom: 0}


.encart{
	border: 1.5px solid #054E5B;
}


.encart.encart-info:before{content: "";position: absolute;top: 20px;right: 20px;background-image: url(images/picto-info.svg);width: 49px;height: 49px;}

.encart.encart-step:before{display: none}


.accordeon .head h2 {
	transition: all 0.5s;
	padding-right: 45px;
	min-height: 50px;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
}
.accordeon .head:hover h2{background-color: #093766 !important}

.accordeon .head:before{transition: all 0.5s;content: "";background-color:#00A3C1;border-radius: 3px;width: 28px;height: 28px;position: absolute;right: 10px;top: calc(50% - 14px)}
.accordeon .head:after{transition: all 0.5s;transform: rotate(0deg);content: "";width: 28px;height: 28px;position: absolute;right: 10px;top: calc(50% - 14px);background-image: url(images/arrow-accordeon.svg);background-position: center;background-repeat: no-repeat}
.accordeon .head.active:after{transform: rotate(180deg);}

.accordeon .body{display: none}

.liste_numerote {
	font-size: 20px;
	line-height: 1.4;
}

.liste_numerote > div{border: 0 !important}

.liste_numerote p{margin: 0}

.liste_numerote > div.border-top::before, .liste_numerote > div.border-bottom::after {
	content: "";
	position: absolute;
	width: calc(100% - 30px);
	left: 15px;
	background-image: url(images/border-dotted.svg);
	height: 2px;
}

.liste_numerote > div:before{top: -1.5px}

.liste_numerote > div:after{bottom: 0}

.liste_numerote ul{margin-bottom: 0}


.liste_numerote .num {
	background-color: #00A3C1;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	color: white;
	font-size: 28px;
	font-weight:600;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 20px;
}

.liste_numerote .num + div{width: calc(100% - 70px)}



.section_encart h2{margin: 0}

.section_encart .col-lg-12 iframe{margin: 0 auto}



.section_encart h2+h2{font-weight:600;margin: 30px 0}

.picto-link::after {
	content: "";
	background-image: url(images/tiret-short-link.svg);
	position: absolute;
	width: 60px;
	height: 13px;
	bottom: -25px;
	left: calc(50% - 30px);
}

.home .banner{height: 600px}

.home .galerie_solo .owl-nav {
	position: absolute;
	bottom: 20px;
	width: 1140px;
	display: flex;
	justify-content: flex-end;
	left: calc(50% - 570px);
}

.home .galerie_solo .owl-nav button span {
	background-color: white !important;
}



.home .galerie_solo .owl-nav .owl-prev{margin-right: 20px}

.home .galerie_solo .owl-dots{
	position: absolute;
	bottom: 0;
	width: 1140px;
	display: flex;
	justify-content: flex-start;
	left: calc(50% - 570px);align-items: flex-end;
}

.home .galerie_solo .owl-dots .owl-dot {
	width: 30px;
	height: 40px;
	
	text-align: center;
	position: relative;
}

.home .galerie_solo .owl-dots .owl-dot span {
	width: 1.5px;
	height: 100%;
	background-color: white;margin: 0 auto;display: block;
}

.home .galerie_solo .owl-dots .owl-dot.active{height: 70px}


.home .galerie_solo .owl-dots .owl-dot::after {
	content: "";
	position: absolute;
	color: white;
	font-size: 10px;
	top: -16px;
	left: 0;
	font-weight:800;
	width: 100%;
}

.home .galerie_solo .owl-dots .owl-dot:nth-child(1)::after{content: "01";}
.home .galerie_solo .owl-dots .owl-dot:nth-child(2)::after{content: "02";}
.home .galerie_solo .owl-dots .owl-dot:nth-child(3)::after{content: "03";}
.home .galerie_solo ..owl-dots .owl-dot:nth-child(4)::after{content: "04";}
.home .galerie_solo ..owl-dots .owl-dot:nth-child(5)::after{content: "05";}

.home section.actualites .actu{border-top: 1px solid #CE9C6E;border-bottom: 1px solid #CE9C6E;padding: 15px 0;margin-top: -1px;font-size: 14px}

.home section.actualites .actu p{margin-bottom: 0}

.home section.actualites .actu .img{height: 160px;width: 160px}

.home section.actualites .actu .contenu{width: calc(100% - 175px)}

.home section.actualites .actu0{border: 0;padding: 0}

.home section.actualites .actu0 .img{padding: 40% 0;border-radius: 100px 0 0 0;width: 100%}

.home section.actualites .actu0 .contenu {
	width: calc(100% - 100px);
	background-color: white;
	border-radius: 0 50px 0 0;
	margin-top: -70px;
	padding: 30px 30px 0 0;
}

.home section.actualites .actu0 h4{font-size: 20px}


.owl-projet .owl-stage{display: flex;align-items: stretch}

.owl-projet .projet a.btn {
	position: absolute;
	bottom: 0px;
	left: calc(50% - 95px);
}

.owl-projet .projet {
	padding-bottom: 70px;height: 100%;
}

.owl-projet .projet .illus{max-width: 250px}

.container-galerie_multi{margin-left: -100px;width: calc(100% + 200px)}


.container-galerie_multi .owl-stage{display: flex; align-items: stretch}

.container-galerie_multi .owl-stage img{height: 100%}

.galerie_multi .owl-dots{display: none}

.numero {
	font-size: 28px;
	border-radius: 0 0 10px 0;
	width: 60px;
}


.blog .actu0 .contenu::before {
	content: "";
	background-image: url(images/shadow.svg);
	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	height: 100px;
	bottom: -50px;
	left: 0;
	background-size: contain;
}



.blog .actu0 .contenu > div::before {
	content: "";
	background-image: url(images/a-la-une.svg);
	background-repeat: no-repeat;
	position: absolute;
	top: calc(50% - 62px);
	left: 0;
	width: 36px;
	height: 124px;
}

.blog .actu0 .contenu p{font-size: 20px;color: #054E5B;font-weight:600;}

.offre{border-radius: 5px;box-shadow: 7px 11px 22px 6px rgb(0,95,142,0.15)}

.offre .date-offre:after{content: "";width: 1px;height: 100%;background-color: #00A3C1;position: absolute;top: 0;right: 0}


.offre .date-offre{}


.offre .titre-offre{width: calc(100% - 200px)}


.publi{border: 1px solid #CE9C6E}

.publi img {
	width: 118px;
	height: 175px;
	box-shadow: 0 0 15px rgb(0,0,0,0.1);
}

.article_publi.open .col-publi{display: block !important}





.wpcf7 .form-control {
	border: 1.5px solid #054E5B;
	border-radius: 0;

	padding: 10px 15px;
	height: 45px;
}

.wpcf7-submit {
	display: block;
	margin: 0 auto;
}

.wpcf7 .form-control.wpcf7-textarea{height: 100px}


.paragraphe .wpcf7 p:last-child {
margin-bottom: 1.5em;
}




.codedropz-upload-inner h3 {
	font-size: 16px !important;
}


.select_link,.select_cat {
	font-size: 20px;
	
	height: 50px;
	border: 1px solid #054E5B;
}




.owl-agenda .owl-nav,.owl-elus .owl-nav,.rubrique .owl-nav {
	position: absolute;
	top: 0;
	width: calc(100% + 60px);
	left: -30px;
	display: flex;
	justify-content: space-between;
}

.caroussel_video .owl-nav {
	position: absolute;
	top: 0;
	width: calc(100% + 190px);
	left: -95px;
	display: flex;
	justify-content: space-between;
}

.owl-agenda .owl-nav button span,.owl-elus .owl-nav button span, .rubrique .owl-nav button span,.caroussel_video .owl-nav button span {
	background-color: #054E5B !important;
	
}

.owl-agenda .owl-nav button,.owl-elus .owl-nav button, .rubrique .owl-nav button,.caroussel_video .owl-nav button {
	
	top: 140px;
	position: relative;
}

.rubrique .owl-nav button span{background-color: #00A3C1 !important;margin: 10px 15px}


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

.caroussel_video .owl-nav button span{background-color: white !important;margin: 10px 15px}


.caroussel_video .owl-nav button{background-color: #00A3C1 !important;}

.bg-glue .col-image img{border-radius: 15px}


footer#colophon{position: relative;  background: #054E5B;
background: -moz-linear-gradient(153deg, #054E5B 65%, #00A3C1 100%);
background: -webkit-linear-gradient(153deg, #054E5B 65%, #00A3C1 100%);
background: linear-gradient(153deg, #054E5B 65%, #00A3C1 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#054E5B",endColorstr="#00A3C1",GradientType=1);  }


footer#colophon::before {
	content: "";
	background-image: url(images/deco-footer.svg);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: calc(50% - 100px) -60px;
}

footer#colophon a{text-decoration: none !important}

footer#colophon .site-info{font-size: 14px}

footer#colophon #footer-nav ul{list-style: none;padding: 0;text-transform: uppercase;font-weight: 600}

footer#colophon a.fb {
	background-color: #00A3C1;
	border-radius: 100%;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 10px;
}

.search-form-search{display: none}


.search header#masthead nav.navbar{opacity: 0.3}


.search header#masthead .search-form-search{max-width: 768px;
  top: 30px;
  left: calc(50% - 384px);width: 100%}

.search .search-form-search{display: block}
.search-form-search .search-form label{width: calc(100% - 45px);}


.search-form-search .search-form label input {
	border-radius: 0;
	background-color: #869CB3;
	border: 0;
	color: white;height: 45px;
}

.search-form-search .search-form .search-submit {
	width: 45px;
	min-width: inherit;
	border-radius: 0;
	padding: 0;
	height: 45px;
	overflow: hidden;
	float: right;
	border: 0;
	background-color: #054E5B !important;
	color: transparent !important;
	background-image: url(images/picto-glass.svg);
	background-repeat: no-repeat;
	background-position: center;
}






@media(min-width: 992px){

	#image_bassin_map{height: 500px !important;margin-bottom: 0 !important}

	#para_bassin2 {
	max-width: 380px !important;
	height: 360px;
	background-color: rgb(255,255,255,0.9);
}

#para_bassin2 .paragraphe {
	background-color: rgb(255,255,255,0.9);
	padding: 0 30px 30px;
}

#image_bassin2 {
	min-width: calc(100% - 380px);
}

#image_bassin2 img {
	position: absolute;
	right: 0;
	top: 0;
	width: auto !important;
	height:360px !important;
	max-width: 10000px;
}



	#para_hebergement3 .paragraphe {
	position: absolute;
	background-color: rgb(255,255,255,0.9);
	left: 0;
	padding: 0 15px 20px;
}

	#image_hebergement1 img {
	position: absolute;
	height: auto !important;
}




	#section_flyer_bremontier{background-image: none;position: relative;margin-bottom: 180px;}
	#image_flyer_bremontier img {
		position: absolute;
		width: 850px !important;
		height: auto !important;
		right: 0;
		max-width: 850px;
		top: -130px;
	}
	#section_flyer_bremontier:before{content: "";background-image: url(images/bg-blue.jpg);background-size: 2020px;background-position: center;width: calc(50% - 30px);position: absolute;top: 80px; left: 0;height: 100%}
	
	
	#para_flyer_bremontier .paragraphe{margin-right: 30px}

	.blog .actu0 .contenu > div{margin-left: -100px;}

	.encart-step p{display: block !important}

	.w-md-50{width: 50% !important}
	.w-md-70{width: 70% !important}
	.w-md-30{width: 30% !important}

}

@media(min-width: 1200px){

	.admin-bar header#masthead{top: 32px}
	.admin-bar .mega-menu {top: 175px;max-height: calc(100vh - 175px);}

	.admin-bar #content.site-content{padding-top: 175px}

	.border-lg-right {
	border-right: 1px solid #054E5B !important;
}

	.container-carousel-video{width: 140%}
	#section_flyer_bremontier{margin-top: -220px;}
	
	li .mega-menu{display: block}
	.col-publi:nth-child(n+9) { display:none }
}




@media(max-width: 1199px) {

	

	.sub-menu.w-50{width: 49% !important;border: 1px solid #054E5B !important;margin-top: 10px;text-align: center}

	.sub-menu.w-50 a{font-weight:300;position: relative}

	.sub-menu.w-50:nth-child(2n+1) a::after {
	content: "";
	background-color: #00A3C1;
	position: absolute;
	right: 0;
	display: block;
	top: 0;
	width: 0.8px;
	height: 40px;
	transform: rotate(30deg);
}
	.sub-menu.demarche a {
	color: #054E5B !important;
	background-color: white;
	text-align: center;
}

	#sib_signup_form_1 .sib_signup_box_inside_1 .mailpoet_paragraph.last {
	width: 100px;
}

#sib_signup_form_1 .sib_signup_box_inside_1 .mailpoet_paragraph {
	width: calc(100% - 100px);
	
}
#wpadminbar{display: none}
.hidden-resp{display: none !important}
	.home .galerie_solo .owl-nav,.home .galerie_solo .owl-dots{
	
	width: clac(100% - 30px);

	left: 15px;
}

	.section_encart h2 + h2 {
	font-weight:600;
	margin: 20px 0 30px;
}
.col-publi:nth-child(n+7) { display:none }

#content.site-content {
  padding-top: 100px;
}


header#masthead {

	height: 100px;
}

header#masthead .navbar-brand img {
	width: 120px;
	margin-top: 10px;
}
}




@media(max-width: 991px){

	.btn-liste br{display: none}

	#para_hebergement2 hr:last-child{margin-bottom: 15px}

	#para_hebergement3 hr:first-child{display: none}

	#para_hebergement3 .paragraphe{margin-top: 0 !important}

	#image_flyer_bremontier{display: none}

	.rubrique .owl-nav{position: static;
  width: 100%;justify-content: center;}

	.rubrique .owl-nav button{top: 0;margin: 0 5px}

	.offre .date-offre::after{display: none}

	.offre .titre-offre{width: 100%}

	section.galerie img{max-height: 390px}

	.home .banner {
	height: 320px;
}

	h1.amithen, h2.h1.amithen {
	font-size: 75px;
	line-height: 0.8;
}

	.encart-step p{display: none}

	.encart-step{cursor: pointer}

	.encart-step::after {
	content: "";
	background-image: url(images/arrow-down.svg);
	width: 72px;
	height: 72px;
	position: absolute;
	bottom: -36px;
	left: calc(50% - 36px);transform: rotate(0deg)
}

.encart-step.open::after{transform: rotate(180deg)}
	.accordeon h2{font-size: 20px}

	h1, h2.h1{font-size: 30px}

	.home h2.h1{font-size: 28px}

	h2.h1.amithen{font-size: 50px}

	.btn-big{font-size: 20px}
	
	.col-texte{order: 2}
	.row:first-child .col-texte{order: 0}
	.col-image + .col-texte{margin-top: 30px}
	.col-texte + .col-image{margin-bottom: 30px}

	.row:first-child .col-image + .col-texte{margin-bottom: 30px;margin-top: 0}
	.row:first-child .col-texte + .col-image{margin-top: 30px;margin-bottom: 0}

.col-image.col-lg-6 img.cover {
    max-height: 200px !important;
    min-height: 150px !important;
}
	
.row:first-child .col-image.col-lg-6 img.cover {
	max-height: 250px !important;
	min-height: 250px !important;
}
}


@media (max-width: 768px){
	.search header#masthead .search-form-search{max-width: 768px;
 
  left: 0}
}

@media (max-width: 991px) {
    /* Centrer le logo sur mobile */
    #colophon .col-lg-1 {
        text-align: center;
        margin-bottom: 15px;
    }

    #colophon .col-lg-1 img {
        max-width: 120px; /* Taille du logo réduite */
    }

    /* Adapter le menu du footer */
    #menu-footer {
        display: flex;
        flex-direction: column !important;
        text-align: center;
        align-items: center;
    }

    #menu-footer .d-flex {
        flex-wrap: wrap;
        justify-content: center !important;
        gap: 10px;
    }

    /* Boutons en colonne sur mobile */
    #colophon .d-flex.mt-5.position-relative {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    #colophon .d-flex.mt-5.position-relative a {
        width: 80%;
        max-width: 300px;
        text-align: center;
    }

    /* Centrer les liens légaux */
    #colophon .d-flex.mt-5 {
        flex-direction: column;
        text-align: center;
        gap: 5px;
    }

    /* Suppression des marges excessives */
    #colophon .d-flex.mt-5 a {
        margin-right: 0 !important;
        padding-right: 0 !important;
        border-right: none !important;
    }
}

/* 1) Conserver votre overflow qui fonctionne */
@media (min-width: 768px) {
  #page {
    overflow: hidden;
    
    width: 100%;
  }
}

.rgpd-note-newsletter {
  color: white;
  text-align: center;
  font-size: 0.65rem;
  line-height: 1.4;
  margin-top: 1rem;
  margin-bottom: 0;
}

.rgpd-note-newsletter a {
  color: #ffffff;
  text-decoration: underline;
}