@media screen and (min-width: 1346px) and (max-width: 1531px) {
	
    .navbar {
        width: 95%;
    }
		
		.tax-campaign .quatrephotos {
    margin-top: 90px;
}

.quatrephotos {
		width: 45vw;
		height: 445px;
	}


	.img1photos,
	.tax-campaign .img1photos {
		width: 50%;
		height: 200px;
		top: -10px;
		left: 90px;
	}

	.img2photos,
	.tax-campaign .img2photos {
		width: 40%;
		height: 230px;
		right: -10%;
		top: -65px;
	}

	.img3photos,
	.tax-campaign .img3photos {
		width: 74%;
		height: 245px;
		bottom: -10px;
	}

	.img4photos,
	.tax-campaign .img4photos {
		width: 33%;
		right: -10%;
		bottom: 60px;
		height: 200px;
	}



}


@media screen and (min-width: 1181px) and (max-width: 1345px) {


	body {
		font-size: 15px;
	}

    .navbar {
        width: 95%;
    }

	header.navbar.scrolled .flex-entete-d a {
		letter-spacing: -0.3px;
	}


	/* GRID & GAP  */


	.fl-node-bc80rgp7v3zt {
		row-gap: 30px !important;
		column-gap: 5px !important;
	}

	.grid-tax {
		padding: 0 20px !important;
	}

	.fl-node-lygd8srn3mk4,
	.fl-node-2z8pe0r65qha {
		padding-top: 15% !important;
	}

	/* BLOCK ET DEBUG */

	.tax-campaign .quatrephotos {
		margin-top: 45px;
	}

	.tax-campaign .img-engagements {
		width: 55vw;
		margin-top: 0;
	}

	/* IMAGES  */


	.quatrephotos {
		width: 45vw;
		height: 445px;
	}


	.img1photos,
	.tax-campaign .img1photos {
		width: 50%;
		height: 200px;
		top: -10px;
		left: 90px;
	}

	.img2photos,
	.tax-campaign .img2photos {
		width: 40%;
		height: 230px;
		right: -10%;
		top: -65px;
	}

	.img3photos,
	.tax-campaign .img3photos {
		width: 74%;
		height: 245px;
		bottom: -10px;
	}

	.img4photos,
	.tax-campaign .img4photos {
		width: 33%;
		right: -10%;
		bottom: 60px;
		height: 200px;
	}


	/* TEXTE  */

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

	.blocklgecont br {
		display: block;
	}

	.titrebase h1,
	.titrebase h2,
	.titrebase h3,
	.titrebase h4 {
		margin-left: 40px;
		margin-bottom: 40px;
	}

	/* DECOR  */


	.pointeisogauche:after,
	.pointeisodroite:after {
		width: 65px;
		height: 90px;
	}

	.pointeisogauche:after {
		bottom: -8%;
	}

	.pointeisodroite:after {
		top: 94%;
	}


	.decologoslider:before {
		top: -14%;
		width: 400px;
		height: 210px;
	}

	.full-width-breakout {
		width: 100vw;
		margin-left: calc(50% - 50vw);
		padding: 0 2%;
		margin-top: 50px;
		column-gap: 15px !important;
	}


	.img1-enga,
	.img2-enga {
		height: 335px !important;
	}

	/* FOOTER  */

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

	.flexbas .container {
		padding: 0 15px;
		padding-top: 20px;
		padding-bottom: 15px;
	}


}


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

	body {
		font-size: 15px;
	}

    .navbar {
        width: 95%;
    }

	header.navbar.scrolled .flex-entete-d a {
		letter-spacing: -0.3px;
	}


	/* GRID & GAP  */


	.fl-node-bc80rgp7v3zt {
		row-gap: 30px !important;
		column-gap: 5px !important;
	}

	.grid-tax {
		padding: 0 20px !important;
	}

	.fl-node-lygd8srn3mk4,
	.fl-node-2z8pe0r65qha {
		padding-top: 15% !important;
	}

	/* BLOCK ET DEBUG */

	.tax-campaign .quatrephotos {
		margin-top: 45px;
	}

	.tax-campaign .img-engagements {
		width: 55vw;
		margin-top: 0;
	}

	/* IMAGES  */


	.quatrephotos {
		width: 45vw;
		height: 445px;
	}


    .img1photos, .tax-campaign .img1photos {
        width: 42%;
        height: 200px;
        top: -10px;
        left: 90px;
    }

	.img2photos,
	.tax-campaign .img2photos {
		width: 43%;
		height: 230px;
		right: -10%;
		top: -65px;
	}

	.img3photos,
	.tax-campaign .img3photos {
		width: 73%;
		height: 245px;
		bottom: -10px;
	}

	.img4photos,
	.tax-campaign .img4photos {
		width: 33%;
		right: -10%;
		bottom: 60px;
		height: 200px;
	}


	/* TEXTE  */

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

	.blocklgecont br {
		display: block;
	}

	.titrebase h1,
	.titrebase h2,
	.titrebase h3,
	.titrebase h4 {
		margin-left: 40px;
		margin-bottom: 40px;
	}

	/* DECOR  */


	.pointeisogauche:after,
	.pointeisodroite:after {
		width: 65px;
		height: 90px;
	}

	.pointeisogauche:after {
		bottom: -8%;
	}

	.pointeisodroite:after {
		top: 94%;
	}


	.decologoslider:before {
		top: -14%;
		width: 400px;
		height: 210px;
	}

	.full-width-breakout {
		width: 100vw;
		margin-left: calc(50% - 50vw);
		padding: 0 2%;
		margin-top: 50px;
		column-gap: 15px !important;
	}


	.img1-enga,
	.img2-enga {
		height: 335px !important;
	}

	/* FOOTER  */

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

	.flexbas .container {
		padding: 0 15px;
		padding-top: 20px;
		padding-bottom: 15px;
	}


}


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


    .hopla2 a {
        margin-right: 0 !important;
        justify-content: center;
    }


    header.navbar {
        padding: 0px 5px 0px 10px !important;
        grid-template-columns: 1fr 1fr;
        justify-items: end;
        display: grid;
        width: 100%;
        height: 90px;
        top: 6%;
    }

	.dessus {
		border: none !important;
		padding: 0;
	}

	.navbar.scrolled {
		padding: 10px;
		height: 75px;
	}

	.menufermer {
		display: none;
	}

	.MenuBox {
		display: flex;
		padding: 10px;
		cursor: pointer;
		line-height: 1;
		text-align: center;
		text-transform: uppercase;
		overflow: hidden;
		border: 1px solid #c7e61c;
		background-color: #c7e61c;
		border-radius: 10px;
		position: relative;
		left: 0;
		height: 65px;
		width: 65px;
		color: #fff;
		justify-content: center;
		align-items: center;
	}

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

	.flex-entete-c {
		text-align: center;
	}

	.flex-entete-g .reseaux_sociaux,
	.flex-entete-d .telephone,
	.flex-entete-d .prendre_rdv strong,
	.flex-entete-d .contact strong,
	.flex-entete-d {
		display: none;
	}

	.espace-menu.open ul#menu-entete {
		display: block;
	}

	ul#menu-entete {
		display: none;
	}

	ul#menu-entete.menu.open {
		display: block !important;
		position: absolute;
		left: 0;
		top: 80px;
		background: #10194a;
		width: 98%;
		padding: 15px 15px;
		transform: translateY(0);
		opacity: 1;
		left: 1%;
		border-radius: 10px;
	}

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

	ul#menu-entete li {
		list-style: none;
		position: relative;
		margin-bottom: 10px;
		margin-top: 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 10px;
		font-size: 1.1em !important;
		display: flex;
		gap: 10px;
	}

	ul#menu-entete li.grostitre>a {
		font-size: 1.3em !important;
		margin-bottom: 10px !important;
		margin-top: 10px;
	}

	ul#menu-entete li.bouton a {
		font-size: 1.2em !important;
		padding: 5px 15px;
	}

	/* MOBILE BAR  */

	.MobileBar {
		position: fixed;
		bottom: 0px;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 48px;
		z-index: 30;
		background: #fff;
		width: 93%;
		gap: 10px;
		padding: 0px 5px;
		left: 50%;
		transform: translate(-50%, -50%);
		border-radius: 51px;
		box-shadow: 0 4px 24px #0000001C;
	}

	.MobileBar a {
		margin: 0px;
		width: 100% !important;
		font-size: 1em;
		padding: 10px 10px !important;
		text-align: center;
		justify-content: center;
	}

	.MobileBar a strong {
		font-weight: 500;
	}

	.MobileBar img {
		display: none;
	}

	.MobileBar a:before {
		display: none;
	}

	/* SLDER  */

	#home_slider,
	#home_slider .overflowhiddenSlider {
		height: 45vh;
	}

	.cadreintern br {
		display: none;
	}

	/* TEXTE  */

	.titrebase h1,
	.titrebase h2,
	.titrebase h3,
	.titrebase h4 {
		font-size: 1.5em;
		margin-left: 40px;
		margin-bottom: 40px;
	}

	.pasdebeforeh h1,
	.pasdebeforeh h2,
	.pasdebeforeh h3,
	.pasdebeforeh h4 {
		margin-left: 0;
	}

	.cadreintern .mini-titre {
		font-size: 1em;
		letter-spacing: 10px;
		margin-left: 15px;
	}

	.ulflex {
		flex-direction: column;
	}

	.titrebase :is(h1, h2, h3, h4, h5) br {
		display: none;
	}

	.SingleReaExp .titrebase :is(h1, h2, h3, h4, h5) {
		font-size: 1.5em;
		width: 95%;
		margin: auto;
		margin-bottom: 30px;
	}

	.Grid-3,
	.Grid-1-2,
	section#ActiChoix4 .Grid2Cx4 {
		margin: 0 15px;
	}


	.CoteGauche {
		padding: 20px 15px;
	}

	/* DECOR  */

	ul#menu-entete:after {
		width: 200px;
		height: 200px;
		top: 3%;
		right: -35%;
	}


	.decologoslider:before {
		top: -3%;
		width: 205px;
		height: 137px;
	}

	.blockservice:nth-child(even) {
		top: 0;
	}

	.pointeisogauche:after {
		bottom: -3%;
		width: 60px;
		height: 90px;
	}

	.pointeisodroite:after {
		width: 60px;
		height: 90px;
		top: 98%;
	}


	.full-width-breakout {
		padding: 0 5%;
		margin-top: 30px;
	}

	.blockCTA ul {
		flex-direction: column;
	}


	.img-engagements,
	.tax-campaign .img-engagements {
		grid-template-columns: 1.2fr 0.8fr;
		width: 90vw;
		margin-left: calc(10% - 19vw + 40px);
		margin-top: 0;
	}

	.quatrephotos {
		width: 90vw;
		margin-left: calc(10% - 19vw + 36px);
		height: 460px;
		margin-top: 0;
	}

	.img1photos,
	.tax-campaign .img1photos {
		width: 140px;
		height: 165px;
		top: 40px;
		left: 0;
	}

	.img2photos,
	.tax-campaign .img2photos {
		width: 185px;
		height: 205px;
		right: 0%;
	}

	.img3photos,
	.tax-campaign .img3photos {
		width: 185px;
		height: 215px;
		bottom: 25px;
	}

	.img4photos,
	.tax-campaign .img4photos {
		width: 140px;
		height: 189px;
		right: 0;
		bottom: 50px;
	}

	.img1-enga,
	.img2-enga,
	.tax-campaign .img-engagements .img1-enga,
	.tax-campaign .img-engagements .img2-enga {
		height: 240px;
	}


	/* BASE  */

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

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

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


	/* ESPACEMENT */

	section,
	.infinite-scroll-posts-grid,
	.grid-tax {
		padding: 0 15px;
	}


	/* IMAGES  */

	.formimg {
		display: none;
	}

	/* SUITE  */

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

	.container.flexbas ul,
	.container.flexbas {
		display: flex;
		flex-direction: column;
		align-items: center;
	}


	/* BEFORE &  AFTER  */

	footer.footerbg {
		padding-top: 0;
	}

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

	.main-footer .footer-nav,
	.main-footer .footer-reservation,
	.main-footer .footer-credits {
		padding-top: 0;
	}


	.footer-reservation ul {
		columns: 2;
		list-style-position: inside;
	}

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

	.flexbas .container ul {
		flex-direction: column;
		padding: 0 15px;
	}


}


@media screen and (min-width: 768px) and (max-width: 849px) {

	.logo img {
		width: 275px;
	}

	.cadreintern {
		width: 80%;
		padding: 0 40px;
		left: 40%;
		text-align: left;
		top: 35%;
	}

	.cadreintern:before {
		left: 0;
		top: -15px;
		width: 100%;
		height: 100%;
		padding: 10px 0;
	}


	/* GRID */

	.fl-module-box,
	.infinite-scroll-posts-grid,
	.grid-tax,
	.ctabas .fl-module-box,
	.Grid-1-2,
	.Grid-3 {
		grid-template-columns: 1fr !important;
	}

	.full-width-breakout,
	.infinite-scroll-posts-grid,
	.fl-node-z21vwtndcj3x {
		grid-template-columns: 1fr 1fr !important;
	}

	.grid-tax {
		grid-template-columns: 0.7fr 1.3fr !important;
	}


	.img-engagements,
	.tax-campaign .img-engagements {
		margin-left: calc(15% - 19vw + 40px);
	}


	.blockCTA {
		position: relative;
		padding: 0;
	}


	.fl-node-hartzompbslj {
		padding-top: 50px;
	}

	/* IMAGES  */


	.img1photos, .tax-campaign .img1photos {
        width: 40%;
        height: 213px;
        top: -10px;
        left: 90px;
    }

	.img2photos,
	.tax-campaign .img2photos {
		width: 54%;
		height: 300px;
		right: -10%;
		top: -65px;
	}

	.img3photos,
	.tax-campaign .img3photos {
		width: 53%;
		height: 245px;
		bottom: -10px;
	}

	.img4photos,
	.tax-campaign .img4photos {
		width: 28%;
		right: 16%;
		bottom: 5px;
		height: 200px;
	}

	/* UT§RES  */


	.main-footer {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr !important;
		grid-template-areas:
			"logo logo nav"
			"reservation reservation reservation";
		padding: 30px 12px;
		gap: 10px 5px;
		max-width: 1200px;
		margin: auto;
	}

	.footer-reservation ul {
		columns: 3;
		list-style-position: inside;
	}

}


@media screen and (max-width: 430px) {
    
    #home_slider:after{
        clip-path: polygon(45% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
    .isometric:before{
            clip-path: polygon(0 0%, 100% 0%, 100% 100%, 16% 100%);
    }
    .isobleu:before{
            clip-path: polygon(0 0%, 100% 0%, 100% 100%, 32% 100%);
    }

	.tax-campaign .blockimg_introduction .ctaimg1.ctmpetit {
		display: none;
	}

	/* SLIDER  */

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

	div#banniereIntern {
		height: 40vh;
	}

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

	#banniereIntern .cntTitle {
		left: 10%;
		z-index: 3;
		width: 80%;
	}

	#banniereIntern .cntTitle h1 {
		margin-bottom: 0;
		font-size: 1.5em;
		font-style: normal;
		margin-top: 5px;
		line-height: 1em;
		font-weight: 200;
	}

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

	/* GRID */

	.fl-module-box,
	.infinite-scroll-posts-grid,
	.grid-tax,
	.ctabas .fl-module-box {
		grid-template-columns: 1fr !important;
	}

	/* PAD MARG */

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

	section {
		padding: 0 0px;
	}

	.CarouDecalage {
		margin-right: 0;
	}

	.item {
		margin: 0;
	}

	.Grid-3 {
		gap: 30px;
	}

	.Grid-33 {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		padding: 0;
	}

	/* HAUTEUR & DIMENSION  */

	.margintop80 {
		margin-top: 50px;
	}


	/* TEXTE  */

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

	.CoteGauche :is(h1, h2, h3, h4, h5, h6) {
		text-transform: none !important;
		font-size: 1.5em !important;
		margin-top: 10px !important;
		margin-bottom: 5px;
	}


	/* IMAGE  */

	.CarouDecalage .carou_rea,
	.CarouDecalage .slick-list,
	.CarouDecalage .slick-track {
		height: 300px;
	}


	.img1photos, .tax-campaign .img1photos {
		width: 46%;
	}
	
    .img2photos, .tax-campaign .img2photos {
        width: 50%;
    }

    .img3photos, .tax-campaign .img3photos {
        width: 58%;
    }
	
			.img4photos, .tax-campaign .img4photos {
		width: 38%;
	}


	/* FOOTER  */

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

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


}