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

@media screen and (min-width: 1025px) and (max-width: 1440px) {
	
	
	.logo img {
    padding: 0;
    height: 60px;
    width: auto;
}

    ul#menu-entete {
        padding: 0;
        margin: 0;
        gap: 20px;
    }
	
	.espace-menu {
    z-index: 2;
    border-right: 1px solid rgb(255 255 255 / 50%);
    padding-right: 25px;
}

ul#menu-entete li a {
    text-decoration: none;
    margin: 0 5px;
    font-size: 1em;
    font-weight: 400;
    position: relative;
    color: #fff;
}

    .navbar {
        grid-template-columns: auto auto 1fr auto;
        align-items: center;
        color: #051429;
        position: fixed;
        width: 100%;
        top: 5px;
        z-index: 20;
        justify-items: end;
        gap: 20px;
        height: 90px;
        padding: 0px 30px 0 30px;
        left: 0;
    }

    .SelecteurLangue {
        width: 60px;
        position: relative;
        height: 30px;
        margin-left: 20px;
    }

.flex-entete-d a {
    margin: 0;
    padding: 15px 12px;
}

.flex-entete-d {
    position: relative;
    z-index: 3;
    display: flex;
    gap: 5px;
    align-items: center;
}

	#banniereIntern .cntTitle {
    max-width: 630px;
    position: absolute;
    top: 43%;
    left: 6%;
    z-index: 3;
    text-align: left;
}


}


@media screen and (min-width: 851px) and (max-width: 1024px) {
	
	
	.logo img {
    padding: 0;
    height: 50px;
    width: auto;
}

.SelecteurLangue {
    width: 60px;
    position: relative;
    height: 30px;
    margin-left: 0;
}

.flex-entete-d a {
    margin: 0;
    padding: 10px 10px;
}

ul#menu-entete {
    padding: 0;
    margin: 0;
    gap: 10px;
}

.espace-menu {
    display: flex;
    z-index: 2;
    border-right: 1px solid rgb(255 255 255 / 50%);
    padding-right: 30px;
}

ul#menu-entete li a {
    text-decoration: none;
    margin: 0 7px;
}

.navbar {
        padding: 0px 30px 0 30px;
        left: 0;
        gap: 25px;
    }


#banniereIntern .cntTitle {
    max-width: 630px;
    position: absolute;
    top: 43%;
    left: 3%;
    z-index: 3;
    text-align: left;
}

.compteurcadre strong, .engagement strong {
    font-size: 1.2em;
}

.flex-entete-d strong {
    display: none;
}

.part {
    position: absolute;
    width: 105%;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    display: flex;
    justify-content: space-between;
    z-index: 5;
}

.gridpacks {

    grid-auto-columns: 1fr;
    grid-template-columns: 0.4fr 1.6fr;
    gap: 30px 30px;
    padding: 0 15px;
}

	section#Choix6Suite,
	#ZOnnerie,
	.Grid-1-2,
	#slide_realisations,
	.resultat,
	.grid-tax,
	.Grid-Packs {
		padding: 0 15px;
	}

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

.main-footer {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-areas: "logo nav reservation credits";
    color: #fff;
    gap: 0px 30px;
    max-width: 1280px;
    margin: auto;
    align-items: start;
    padding-bottom: 15px;
    padding: 0 25px;
}

}


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


	.MenuBox {
		display: flex;
		padding: 10px;
		cursor: pointer;
		line-height: 1;
		text-align: center;
		text-transform: uppercase;
		overflow: hidden;
		border: 1px solid #aae329;
		background-color: #aae329;
		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: #000;
		width: 100%;
		padding: 15px 15px;
		transform: translateY(0);
		opacity: 1;
	}

	ul#menu-entete li a:before {
		left: 2%;
	}

	ul#menu-entete li a:hover:before {
		left: 50%;
	}

	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;
		margin-left: 20px;
	}

	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: 5px;
		margin-top: 5px;
	}

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

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

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

	a.prendre_rdv.btn.bordure.icoagenda {
		color: #bea160 !important;
	}

	li.ajoutemenu {
		display: flex;
		gap: 10px;
		flex-direction: column;
		margin-top: 25px;
	}

	.ajoutemenu a {
		margin: 0 !important;
	}


	.MobileBar a.telephone {
		color: #fff;
		padding: 15px 25px !important;
		position: relative;
		text-decoration: none;
		z-index: 0;
		display: inline-flex !important;
		line-height: 1.3em;
		gap: 10px;
		align-items: center;
		transition: cubic-bezier(0.4, 0, 1, 1) 0.2s;
		box-shadow: inset 0px 0 0 0 #aae329;
		border: 1px solid #121212;
		background: #121212;
		font-weight: 500;
		border-radius: 38px;
		padding-right: 40px;
		margin-top: 0;
	}

	.MobileBar {
		position: fixed;
		bottom: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 70px;
		z-index: 30;
		background: #000;
		width: 100%;
		gap: 5px;
		padding: 0px 3px;
	}

	.MobileBar a {
		margin: 0px;
		width: auto !important;
		font-size: 1em;
		padding: 15px 15px !important;
	}

	.MobileBar img {
		height: 18px;
	}

	.ajoutemenu a {
		display: flex !important;
		padding: 10px 25px !important;
		margin-bottom: 10px !important;
	}


	header.navbar {
		padding: 0px 0px 0 10px !important;
		grid-template-columns: 0.4fr 2.4fr 0.2fr;
		top: 0px;
		height: 65px;
		background: #000;
		justify-items: start;
	}


	.SelecteurLangue {
		width: 60px;
		position: relative;
		height: 30px;
		margin-left: auto;
	}

	ul.ChargementLangue:after {
		right: -25px;
	}

	.espace-menu {
		margin-left: auto;
		padding: 0;
	}

	.navbar:after {
		display: none !important;
	}

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


	/* SLIDER  */

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

	div#banniereIntern {
		height: 25vh;
	}


	/* GRID */

	.fl-node-gbdtmhncysw5 .fl-module-box,
	.video2 .fl-module-box,
	.fl-node-qyk0fswz1m3c .fl-module-box,
	.fl-module-box,
	.Grid-Packs,
	.Galerie-Packs,
	div#filterGroups {
		grid-template-columns: 1fr 1fr !important;
	}

	.fl-node-u1zkejc6i2bp.fl-module-box {
		gap: 0;
	}

	.grid-tax,
	.Grid-1-2,
	.fl-node-y5ncoph4e78w .fl-module-box,
	.gridpacks {
		grid-template-columns: 1fr !important;
	}

	.fl-builder-content-14 .fl-node-jxut59ydkp0o {
		grid-template-columns: 1fr 1fr 1fr !important;
	}


	/* PAD MARG */

	section#Choix6Suite,
	#ZOnnerie,
	.Grid-1-2,
	#slide_realisations,
	.resultat,
	.grid-tax,
	.Grid-Packs {
		padding: 0 15px;
	}

	.beb {
		top: 0;
	}

	.blocktextengagement,
	.fl-node-whabqn39fxmg.fl-module-box {
		margin: 20px;
	}

	.CarouDecalage {
		margin-right: 0;
	}

	.item {
		margin: 0;
		margin-right: 15px;
	}

	/* HAUTEUR & DIMENSION  */

	.lescategories {
		height: 385px;
	}

	.lescategories .contenuflex {
		top: 20px;
		left: 20px;
	}

	.gridphoto2 {
		height: 200px;
	}

	.Video-Pack,
	.Featured-Pack {
		height: 165px;
		overflow: hidden;
		border-radius: 15px;
	}


	/* TEXTE  */

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


	/* DECOR  */

	.content-before-more h2:before {
		display: none;
	}


	.explorez {
		right: 10%;
		bottom: -10px;
	}

	.gridphoto:before {
		width: 110px;
		height: 80px;
		top: -70px;
		left: -10px;
	}

	.cerclebasg:after {
		width: 300px;
		height: 300px;
		left: -60px;
		bottom: -180px;
	}

	.cadreintern:before {
		width: 300px;
		height: 300px;
	}


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

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

	#banniereIntern .cntTitle {
		max-width: initial;
		position: absolute;
		top: 45%;
		left: 6%;
		z-index: 3;
		text-align: left;
		width: 85%;
	}

	#banniereIntern .cntTitle h1 {
		font-size: 1.7em !important;
	}


	.filter-section {
		display: none;
	}

	.filter-section.open {
		display: block;
	}

	.filter-toggle {
		display: block;
		color: #000;
		background: #96c824;
		padding: 5px 15px;
		border-radius: 15px;
		font-size: 1.1em;
		margin: 0 15px;
		text-align: center;
	}


	/* BASE  */


	.cadreintern {
		font-size: 1.2em;
		width: 90%;
		padding: 0 15px;
		left: 50%;
		text-align: left;
		top: 50%;
	}

	.cadreintern h1,
	.cadreintern h2,
	.cadreintern h3 {
		font-size: 1.8em;
	}

	.fleches {
		position: absolute;
		bottom: -30%;
		left: 15px;
		height: 55px;
		width: 150px;
	}

	.logo {
		position: absolute;
		top: -30px;
		left: 5px;
	}

	.logo img {
		padding: 0;
		width: 102px;
		height: auto;
		margin-top: 0;
		margin-left: 0;
	}


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

	/* SUITE */


	.infinite-scroll-posts-grid {
		grid-template-columns: 1fr 1fr !important;
		gap: 1.5rem;
	}


	.part {
		width: 100%;
	}

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


.compteurcadre br {
    display: block !important;
}


}


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


	header.navbar {
		padding: 0px 0px 0 10px !important;
		grid-template-columns: 1fr 1fr 1fr;
		top: 0px;
		height: 65px;
		background: #000;
		justify-items: start;
	}


	/* SLIDER  */

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

	div#banniereIntern {
		height: 40vh;
	}

	.cadreintern {
		width: 100%;
		padding: 0 15px;
		left: 50%;
		text-align: left;
		top: 50%;
	}

	.cadreintern .btn {
		font-size: 0.7em !important;
	}


	/* GRID */

	.fl-node-y5ncoph4e78w .fl-module-box,
	.video2 .fl-module-box,
	.fl-node-qyk0fswz1m3c .fl-module-box,
	.fl-module-box,
	.grid-tax,
	.gridpacks,
	.Grid-Packs,
	.Galerie-Packs,
	.infinite-scroll-posts-grid,
.grid-qui	{
		grid-template-columns: 1fr !important;
	}

	.fl-node-u1zkejc6i2bp.fl-module-box {
		gap: 0;
	}


	/* PAD MARG */

	section#Choix6Suite,
	#ZOnnerie,
	.Grid-1-2,
	#slide_realisations,
	.resultat,
	.grid-tax,
	.Grid-Packs {
		padding: 0 15px;
	}

	.Filedariane li {
		display: block;
	}

	.beb {
		top: 0;
	}

	.blocktextengagement,
	.fl-node-whabqn39fxmg.fl-module-box {
		margin: 20px;
	}

	.CarouDecalage {
		margin-right: 0;
	}

	.item {
		margin: 0;
	}


	/* HAUTEUR & DIMENSION  */

	.lescategories {
		height: 385px;
	}

	.lescategories .contenuflex {
		top: 20px;
		left: 20px;
	}

	.gridphoto2 {
		height: 200px;
	}

	.Video-Pack,
	.Featured-Pack {
		height: 165px;
		overflow: hidden;
		border-radius: 15px;
	}


	/* TEXTE  */

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


	/* DECOR  */


.slider-qui {
    margin-bottom: 32px;
    border-radius: 5px;
}


	.content-before-more h2:before {
		display: none;
	}


	.explorez {
		right: 10%;
		bottom: -10px;
	}

	.gridphoto:before {
		width: 110px;
		height: 80px;
		top: -70px;
		left: -10px;
	}

	.cerclebasg:after {
		width: 300px;
		height: 300px;
		left: -60px;
		bottom: -180px;
	}

	.cadreintern:before {
		width: 300px;
		height: 300px;
	}


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

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

	#banniereIntern .cntTitle {
		max-width: initial;
		position: absolute;
		top: 30%;
		left: 6%;
		z-index: 3;
		text-align: left;
	}

	#banniereIntern .cntTitle h1 {
		font-size: 1.5em !important;
	}

	.filter-section {
		display: none;
	}

	.filter-section.open {
		display: block;
	}

	.filter-toggle {
		display: block;
		color: #000;
		background: #96c824;
		padding: 5px 15px;
		border-radius: 15px;
		font-size: 1.1em;
		margin: 0 15px;
		text-align: center;
	}


	/* FOOTER  */

	.main-footer {
		display: grid;
		grid-template-columns: 1fr !important;
		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;
	}


}