@media screen and (min-width: 1501px) and (max-width: 1730px) {}

@media screen and (min-width: 1025px) and (max-width: 1440px) {}


@media screen and (min-width: 851px) and (max-width: 1024px) {


	.logo img {
		padding: 0;
		height: 75px;
		width: auto;
	}

	.navbar {
		padding: 0 10px;
		gap: 30px;
	}

	.navbar .btn strong {
		display: none;
	}

	ul#menu-entete {
		gap: 15px;
	}

	ul#menu-entete li a {
		margin: 0 10px;
		font-size: 1em;
	}

	.cadreintern h1,
	.cadreintern h2,
	.cadreintern h3,
	.titrebase h1,
	.titrebase h2,
	.titrebase h3,
	.titrebase h4,
	.titrebase h5 {
		font-size: 1.6em !important;
	}


	.fl-rich-text br {
		display: none;
	}


	.blockexpertises .fl-row-content-wrap:after {
		width: 455px;
		height: 180px;
		top: -32%;
		right: -20%;
	}


	.gridLogoReseaux {
		padding: 0 15px;
	}

	.main-footer {
		gap: 0px 25px;
		padding: 0 20px;
	}

	#banniereIntern .cntTitle {
		left: 3%;
	}

	.tis-grid,
	.grid-term {
		padding: 0 15px;
	}

	.item .cadrebtnActivite h3 {
		font-size: 1em;
	}

	#banniereIntern:before {
		bottom: -35px;
	}

	.imgflotkit2 {
		width: 220px;
	}

	.imgflotkit1 {
		width: 400px;
	}


	.divflottant {
		padding: 10px 5px;
		padding-left: 30px;
	}

	.bigimg:after {
		bottom: -40px;
	}

	ul.infosPlus {
		gap: 10px;
	}

	.piscinekit {
		padding-top: 20px !important;
	}

	.cadreintern {
		top: 50%;
	}


	.blockdespartenaires {
		grid-template-columns: 1fr 1fr !important;
	}

	.BlockPartenaires {
		max-width: 770px;
		margin-left: auto;
	}


	.fl-builder-content-2 .fl-node-sbjl4f5m9t8q {
		row-gap: 20px;
		column-gap: 10px;
	}


footer.footerbg::before {
    top: -43px;
}



}


@media screen and (max-width: 850px) {


	.MobileBar {
		position: fixed;
		bottom: 0;
		background: #060c30;
		width: 100%;
		display: flex;
		justify-content: center;
		gap: 5px;
		padding: 6px 2px;
		align-items: center;
		z-index: 9;
	}

	.MobileBar a {
		margin: 0;
	}


	.logo img {
		padding: 0;
		width: 100px;
		height: auto;
	}


	header.navbar {
		grid-template-columns: auto 1.5fr;
		padding: 0;
		height: 65px;
		gap: 0;
		justify-items: center;
	}

	.flex-entete-c {
		position: relative;
		z-index: 1;
		order: 2;
		text-align: center;
	}

	.espace-menu {
		display: flex;
		z-index: 2;
		order: 1;
	}

	.MenuBox {
		display: flex;
		padding: 10px;
		cursor: pointer;
		line-height: 1;
		text-align: center;
		text-transform: uppercase;
		overflow: hidden;
		border: 1px solid #060c30;
		background: linear-gradient(180deg, #000E6500 0%, #001AE2 100%);
		border-radius: 0;
		position: relative;
		left: 0;
		height: 65px;
		width: 65px;
		color: #fff;
		justify-content: center;
		align-items: center;
	}

	.MenuBox img.menuouvert {
		width: 40px;
		height: 40px;
		object-fit: contain;
	}

	.MenuBox.open img.menuouvert {
		display: none;
	}

	.MenuBox.open .menufermer {
		display: block;
	}

	.menufermer {
		display: none;
	}

	ul#menu-entete {
		display: none;
	}

	.ajoutemenu a::before {
		display: none;
	}

	ul#menu-entete.menu.open {
		display: block !important;
		position: absolute;
		left: 0;
		top: 65px;
		background: #060c30;
		width: 100%;
		padding: 15px 15px;
		transform: translateY(0);
		opacity: 1;
	}

	ul#menu-entete li.menu-item-has-children.openLi .sub-menu a {
		font-size: 0.9em;
	}


	ul#menu-entete li a:hover:before,
	ul#menu-entete .current_page_item a:before {
		width: 30px;
		height: 30px;
		width: 30px;
		height: 18px;
		opacity: 1;
		right: -20px;
		bottom: -5px;
	}


	ul#menu-entete li.menu-item-has-children.openLi .sub-menu {
		display: block;
		padding: 0;
		background: transparent;
		min-width: 190px;
		top: 0;
		overflow: hidden;
		width: max-content;
		position: relative;
		padding-left: 15px;
	}

	ul#menu-entete li {
		list-style: none;
		position: relative;
		margin-bottom: 10px;
	}

	ul#menu-entete li.menu-item-has-children.openLi .sub-menu li {
		margin-bottom: 2px;
		margin-top: 2px;
	}

	ul#menu-entete li a {
		padding: 5px 0;
		display: inline-block;
	}

	.sub-menu li:last-child {
		margin: 0 !important;
	}

	li.menu-item-has-children:after {
		right: 10px;
	}

	.flex-entete-d {
		display: none !important;
	}


	#home_slider,
	#home_slider .overflowhiddenSlider,
	.ItemSliderHome {
		height: 600px;
	}

	.decalagecontenusousslider:before {
		width: 100%;
		height: 68px;
		top: -60px;
	}

	.fleches {
		position: absolute;
		bottom: 110px;
		right: 0px;
		height: 55px;
		width: 116px;
		z-index: 2;
		display: flex;
		gap: 5px;
	}

	.flechPrev,
	.flechNext {
		width: 40px;
		height: 40px;
	}

	.overflowhiddenSlider .ItemSliderHome:after {
		background: transparent linear-gradient(180deg, #000E6500 0%, #001AE2 100%) 0% 0% no-repeat padding-box;
	}


	/* SUITE */

	.cta .fl-module-box,
	.blockexpertises .fl-module-box,
	.decalagecontenusousslider .fl-module-box,
	.section-confiance .fl-module-box,
	.piscinekit .fl-module-box,
	.fl-node-97pmwqvraug6.fl-module-box,
	.arrondie2 .fl-module-box,
	.fondbleuclair .fl-module-box,
	.grid-term,
	.tis-grid,
	.GridRea {
		grid-template-columns: 1fr !important;
		row-gap: 15px;
		column-gap: 15px;
	}

	.grid-term {
		padding: 0 15px;
	}


	.services2,
	.infosPlus2:nth-child(odd) {
		position: relative;
		top: 0;
	}


	.blockexpertises .fl-row-content-wrap:after {
		width: 410px;
		height: 135px;
		top: -10%;
		right: -60%;
	}

	.BlockPartenaires {
		max-width: 720px;
	}

	.CarouDecalage {
		overflow: hidden;
		margin-right: 0;
	}

	.CarouDecalage .item {
		margin: 15px 1% 15px 0px;
		padding: 0;
		height: 275px;
	}

	.CarouDecalage .carou_rea {
		height: 290px;
	}

	ul.infosPlus {
		flex-direction: column;
	}

	.fl-rich-text br {
		display: none;
	}


	.imgflot1 {
		position: relative;
		min-height: 280px;
		top: -60px;
	}

	.imgflot1.autres {
		position: relative;
		min-height: 280px;
		top: -15px;
		z-index: 5;
		margin-bottom: 45px;
	}

	.flottantimg1 {
		width: 450px;
		height: 270px;
		position: relative;
	}

	.flottantimg2 {
		width: 306px;
		height: 210px;
		bottom: -15px;
	}

	.blockimgflotkit {
		position: relative;
		min-height: 350px;
	}

	.imgflotkit1 {
		left: -5%;
		height: 230px;
		width: 395px;
	}

	.imgflotkit2 {
		height: 230px;
		width: 350px;
		position: absolute;
		right: 0;
	}


	.item .cadrebtnActivite {
		bottom: 15px;
		height: 180px;
	}

	.cadreimgreste:before {
		display: none;
	}


	.cadreimgreste img {
		width: 100%;
	}


	.cadreimgreste .fl-module-content.fl-node-content {
		position: relative;
		z-index: 1;
	}

	.cadreimgreste {
		padding-left: 20px;
		position: relative;
		z-index: 2;
		padding-right: 0;
	}


	.beforevague:before,
	.cadreintern:before {
		width: 100px;
		height: 40px;
		left: -50px;
		top: -30px;
	}

	.flottantimg1:after {
		width: 100px;
		height: 45px;
		left: -20px;
		bottom: -15px;
	}


	.arrondie2:after {
		bottom: -25px;
		width: 100%;
		height: 30px;
	}

	.piscinekit {
		padding-top: 30px !important;
	}

	.blockexpertises:before {
		clip-path: ellipse(100% 50% at 47% 50%);
		top: -15px;
		z-index: 1;
	}

	.blockexpertises:after {
		width: 107%;
		height: 67px;
		clip-path: ellipse(73% 50% at 47% 50%);
		bottom: -15px;
	}


	main.site-main {
		padding-bottom: 40px !important;
		margin-top: 25px;
	}

	main.site-main.blockexpertises:after {
		bottom: -10px;
		clip-path: ellipse(96% 50% at 47% 50%);
		height: 30px;
	}

	.tis-grid {
		padding: 0 15px;
		grid-template-columns: 1fr 1fr !important;
	}

	.item.tis-item {
		margin: 0;
		padding: 0;
		height: 275px;
	}

	.sticky {
		padding: 0 15px;
	}

	section.PostReas {
		padding-top: 10px !important;
	}

	.cadrebig {
		height: 260px;
		overflow: hidden;
	}

	.bigimg:after {
		height: 80px;
		bottom: -10px;
	}

	.content-gallery-img {
		height: 275px;
	}


	div#banniereIntern {
		height: 230px;
		overflow: hidden;
		position: relative;
	}


	.banniereImg {
		display: block;
		height: 100%;
	}

	#banniereIntern .cntimg {
		overflow: hidden;
		width: 100%;
		height: 100%;
	}

	#banniereIntern .cntimg img {
		width: 100%;
		height: 100%;
		object-fit: cover !important;
		margin-top: 0;
	}

	#banniereIntern:before {
		height: 80px;
		bottom: -13px;
	}

	#banniereIntern .cntTitle {
		top: 45%;
		left: 5%;
		width: 95%;
	}

	#banniereIntern .cntTitle h1 {
		font-size: 1.3em;
	}

	.padding60 {
		padding-top: 30px !important;
		padding-bottom: 25px !important;
	}


	/* TEXTE  */

	.titrebase h1,
	.titrebase h2,
	.titrebase h3,
	.titrebase h4,
	.titrebase h5 {
		font-size: 1.3em;
	}

	.cadreintern h1,
	.cadreintern h2,
	.cadreintern h3 {
		font-size: 1.2em !important;
	}

	.cadreintern {
		max-width: 830px;
		z-index: 2;
		position: absolute;
		top: 40%;
		left: 52%;
		transform: translate(-50%, -50%);
		color: #fff;
		font-size: 1.3em;
		width: 90%;
	}


	.decalage {
		margin-left: 0%;
		margin-bottom: 15px;
	}

	.service,
	.imgservice {
		height: 190px;
	}


	/* FOOTER  */

	.main-footer {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-areas:
			"logo nav"
			"reservation credits";
		color: #fff;
		padding: 30px 20px;
		gap: 10px 50px;
		max-width: 1200px;
		margin: auto;
	}

	.footer-nav {
		margin-left: 0;
	}

	.main-footer>div,
	.main-footer>nav {
		border: none !important;
		padding: 0;
	}

	.gridLogoReseaux {
		grid-template-columns: 1fr !important;
		gap: 5px;
	}


	.logoBas,
	.reseaux {
		margin-right: auto;
		margin-left: auto;
	}
	
		footer.footerbg::before {
    top: -20px;
}


}


@media screen and (max-width: 430px) {

.logo img {
	padding: 0;
	height: 55px;
	width: auto;
}


	header.navbar {
		grid-template-columns: auto 1.5fr;
		padding: 0;
		height: 65px;
		gap: 0;
		justify-items: center;
	}

	.flex-entete-c {
		position: relative;
		z-index: 1;
		order: 2;
		text-align: center;
	}

	.espace-menu {
		display: flex;
		z-index: 2;
		order: 1;
	}

	.MenuBox {
		display: flex;
		padding: 10px;
		cursor: pointer;
		line-height: 1;
		text-align: center;
		text-transform: uppercase;
		overflow: hidden;
		border: 1px solid #060c30;
		background: linear-gradient(180deg, #000E6500 0%, #001AE2 100%);
		border-radius: 0;
		position: relative;
		left: 0;
		height: 65px;
		width: 65px;
		color: #fff;
		justify-content: center;
		align-items: center;
	}

	.MenuBox img.menuouvert {
		width: 40px;
		height: 40px;
		object-fit: contain;
	}

	.MenuBox.open img.menuouvert {
		display: none;
	}

	.MenuBox.open .menufermer {
		display: block;
	}

	.menufermer {
		display: none;
	}

	ul#menu-entete {
		display: none;
	}

	.ajoutemenu a::before {
		display: none;
	}

	ul#menu-entete.menu.open {
		display: block !important;
		position: absolute;
		left: 0;
		top: 65px;
		background: #060c30;
		width: 100%;
		padding: 15px 15px;
		transform: translateY(0);
		opacity: 1;
	}

	ul#menu-entete li.menu-item-has-children.openLi .sub-menu a {
		font-size: 0.9em;
	}


	ul#menu-entete li a:hover:before,
	ul#menu-entete .current_page_item a:before {
		width: 30px;
		height: 30px;
		width: 30px;
		height: 18px;
		opacity: 1;
		right: -20px;
		bottom: -5px;
	}


	ul#menu-entete li.menu-item-has-children.openLi .sub-menu {
		display: block;
		padding: 0;
		background: transparent;
		min-width: 190px;
		top: 0;
		overflow: hidden;
		width: max-content;
		position: relative;
		padding-left: 15px;
	}

	ul#menu-entete li {
		list-style: none;
		position: relative;
		margin-bottom: 10px;
	}

	ul#menu-entete li.menu-item-has-children.openLi .sub-menu li {
		margin-bottom: 2px;
		margin-top: 2px;
	}

	ul#menu-entete li a {
		padding: 5px 0;
		display: inline-block;
	}

	.sub-menu li:last-child {
		margin: 0 !important;
	}

	li.menu-item-has-children:after {
		right: 10px;
	}

	.flex-entete-d {
		display: none !important;
	}


	#home_slider,
	#home_slider .overflowhiddenSlider,
	.ItemSliderHome {
		height: 600px;
	}

	.decalagecontenusousslider:before {
		width: 100%;
		height: 40px;
		top: -30px;
	}

	.fleches {
		position: absolute;
		bottom: 110px;
		right: 0px;
		height: 55px;
		width: 116px;
		z-index: 2;
		display: flex;
		gap: 5px;
	}

	.flechPrev,
	.flechNext {
		width: 40px;
		height: 40px;
	}

	.overflowhiddenSlider .ItemSliderHome:after {
		background: transparent linear-gradient(180deg, #000E6500 0%, #001AE2 100%) 0% 0% no-repeat padding-box;
	}


	/* SUITE */

	.cta .fl-module-box,
	.blockexpertises .fl-module-box,
	.decalagecontenusousslider .fl-module-box,
	.section-confiance .fl-module-box,
	.piscinekit .fl-module-box,
	.fl-node-97pmwqvraug6.fl-module-box,
	.arrondie2 .fl-module-box,
	.fondbleuclair .fl-module-box,
	.grid-term,
	.tis-grid,
	.GridRea,
	.bloc2grid	{
		grid-template-columns: 1fr !important;
		row-gap: 15px;
		column-gap: 15px;


	}


	.services2,
	.infosPlus2:nth-child(odd) {
		position: relative;
		top: 0;
	}


	.blockexpertises .fl-row-content-wrap:after {
		width: 410px;
		height: 135px;
		top: -10%;
		right: -60%;
	}

	.BlockPartenaires {
		max-width: 350px;
	}

	.CarouDecalage {
		overflow: hidden;
		margin-right: 0;
	}

	.CarouDecalage .item {
		margin: 0;
		padding: 0;
		height: 275px;
	}

	.CarouDecalage .carou_rea {
		height: 290px;
	}

	ul.infosPlus {
		flex-direction: column;
	}

	.fl-rich-text br {
		display: none;
	}


	.imgflot1 {
		position: relative;
		min-height: 280px;
		top: -60px;
	}

	.imgflot1.autres {
		position: relative;
		min-height: 280px;
		top: -15px;
		z-index: 5;
		margin-bottom: 45px;
	}

	.flottantimg1 {
		width: 200px;
		height: 270px;
		position: relative;
	}

	.flottantimg2 {
		width: 160px;
		height: 160px;
		bottom: -60px;
	}

	.blockimgflotkit {
		position: relative;
		min-height: 350px;
	}

	.imgflotkit1 {
		left: -65%;
		height: 230px;
		width: 345px;
	}

	.imgflotkit2 {
		height: 230px;
		width: 190px;
		position: absolute;
		right: 0;
	}


	.item .cadrebtnActivite {
		bottom: 15px;
		height: 180px;
	}

	.cadreimgreste:before {
		display: none;
	}


	.cadreimgreste img {
		width: 100%;
	}


	.cadreimgreste .fl-module-content.fl-node-content {
		position: relative;
		z-index: 1;
	}

	.cadreimgreste {
		padding-left: 20px;
		position: relative;
		z-index: 2;
		padding-right: 0;
	}


	.beforevague:before,
	.cadreintern:before {
		width: 100px;
		height: 40px;
		left: -50px;
		top: -30px;
	}

	.flottantimg1:after {
		width: 100px;
		height: 45px;
		left: -20px;
		bottom: -15px;
	}


	.arrondie2:after {
		bottom: -25px;
		width: 100%;
		height: 30px;
	}

	.piscinekit {
		padding-top: 30px !important;
	}

	.blockexpertises:before {
		clip-path: ellipse(100% 50% at 47% 50%);
		top: -15px;
		z-index: 1;
	}

	.blockexpertises:after {
		width: 107%;
		height: 67px;
		clip-path: ellipse(73% 50% at 47% 50%);
		bottom: -15px;
	}


	main.site-main {
		padding-bottom: 40px !important;
		margin-top: 25px;
	}

	main.site-main.blockexpertises:after {
		bottom: -10px;
		clip-path: ellipse(96% 50% at 47% 50%);
		height: 30px;
	}

	.tis-grid {
		padding: 0 15px;
	}

	.item.tis-item {
		margin: 0;
		padding: 0;
		height: 275px;
	}

	.sticky {
		padding: 0 15px;
	}

	section.PostReas {
		padding-top: 10px !important;
	}

	.cadrebig {
		height: 260px;
		overflow: hidden;
	}

	.bigimg:after {
		height: 45px;
		bottom: -10px;
	}


	.content-gallery-img {
		height: 275px;
	}


	div#banniereIntern {
		height: 230px;
		overflow: hidden;
		position: relative;
	}


	.banniereImg {
		display: block;
		height: 100%;
	}

	#banniereIntern .cntimg {
		overflow: hidden;
		width: 100%;
		height: 100%;
	}

	#banniereIntern .cntimg img {
		width: 100%;
		height: 100%;
		object-fit: cover !important;
		margin-top: 0;
	}

	#banniereIntern:before {
		height: 60px;
		bottom: -13px;
	}

    #banniereIntern .cntTitle {
        top: 55%;
        left: 5%;
        width: 95%;
    }

	#banniereIntern .cntTitle h1 {
		font-size: 1.3em;
	}

	.padding60 {
		padding-top: 30px !important;
		padding-bottom: 25px !important;
	}


	/* TEXTE  */

	.titrebase h1,
	.titrebase h2,
	.titrebase h3,
	.titrebase h4,
	.titrebase h5 {
		font-size: 1.3em;
	}

	.cadreintern h1,
	.cadreintern h2,
	.cadreintern h3 {
		font-size: 1.2em !important;
	}

	.cadreintern {
		max-width: 830px;
		z-index: 2;
		position: absolute;
		top: 40%;
		left: 52%;
		transform: translate(-50%, -50%);
		color: #fff;
		font-size: 1.3em;
		width: 90%;
	}


	.decalage {
		margin-left: 0%;
		margin-bottom: 15px;
	}

	.service,
	.imgservice {
		height: 190px;
	}


	/* FOOTER  */

	.main-footer {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-areas:
			"logo"
			"nav"
			"reservation"
			"credits";
		color: #fff;
		padding: 30px 20px;
		gap: 10px 50px;
		max-width: 1200px;
		margin: auto;
	}

	.footer-nav {
		margin-left: 0;
	}


	.main-footer>div,
	.main-footer>nav {
		border: none !important;
		padding: 0;
	}

	.gridLogoReseaux {
		grid-template-columns: 1fr !important;
		gap: 5px;
	}


	.logoBas,
	.reseaux {
		margin-right: auto;
		margin-left: auto;
	}
	
	
	footer.footerbg::before {
    top: -20px;
}


}