@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) {

    .navbar {
        gap: 10px;
        height: 90px;
        padding: 0px 20px 0 20px;
    }
	
	.logo img {
    padding: 0;
    height: 60px;
    width: auto;
}

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

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

.flex-entete-d {
    gap: 5px;
    padding-left: 5px;
}

    .flex-entete-d .btn {
        font-size: 1em;
    }
	
	a.prendre_rdv.btn.border, a.telephone.btn.telico, a.btn.contacter { padding: 5px 10px !important; }

.flex-entete-d img {
    width: 12px;
}

	
footer.footerbg {
    padding: 0 20px;
}


.CarouDecalage {
    overflow: hidden;
    margin-right: -5%;
}


.Filedariane {
    margin-top: 85px!important;
}

    .grid-tax, .Grid-3 {
        padding: 20px;
        gap: 10px 15px;
    }
	
	    .Grid-1-2 {
        margin: 0 15px;
    }
	
	#slide_realisations .titrebase {
    padding: 0 20px;
}

/* DECOR  */



}


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

    .MobileBar {
        position: fixed;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 80px;
        z-index: 30;
        background: #0c0a0a;
        width: 100%;
        gap: 15px;
    }

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

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

	/* BASE  */



	.home header.navbar:before {
		min-height: 130px;
	}

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

	.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: -28px;
		left: -5px;
	}

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

    header.navbar {
		      padding: 0px 0px 0 25px;
        top: 0px;
        height: 65px;
    }

	header.navbar.stickback {
		top: 0px;
	}

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

    .MenuBox {
        display: flex;
        padding: 10px;
        cursor: pointer;
        line-height: 1;
        text-align: center;
        text-transform: uppercase;
        overflow: hidden;
        border: 1px solid #d3a13b;
        background-color: #d3a13b;
        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 .menufermer {
        display: block;
    }

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

    .menufermer {
        display: none;
    }

	ul#menu-entete {
		display: none;
	}

.ajoutemenu a {
    font-size: 14px !important;
}

a.telephone.btn.fdorange.flechicodiag {
    color: #000 !important;
}

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

	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;
	}

	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;
	}

	.ajoutemenu a {
		margin: 0 !important;
	}

	.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 */



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

	
	.fl-node-t7vnhyo4aeu5, .fl-node-nul3y0eg2bsv {
    grid-template-columns: 1fr 1fr !important;
	}

	.gridsec1 {
		row-gap: 30px !important;
		column-gap: 20px !important;
		align-items: start;
	}
	
	.fl-node-3mtauxgsjwo0 {
		gap: 5px !important;
	}


	.grid-tax,
	.Grid-3 {
		padding: 20px;
		gap: 10px 15px;
	}

div#aJaxToi.Grid-3 {
    grid-template-columns: 1fr 1fr;
}

    .Grid-3.margin40 {
        margin-top: 20px;
        margin-bottom: 20px;
        grid-template-columns: 1fr 1fr;
    }

	.Grid-1-2 {
		margin: 0 15px;
	}

	.ItemSliderHome,
	#home_slider,
	#home_slider .overflowhiddenSlider {
		height: 55vh;
	}

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

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

	.single-realisations h1,
	.single-expressions h1 {
		font-size: 1.5em;
	}

	.CarouDecalage {
		margin-right: 0;
	}

	.fl-node-1apuy2ochqez .fl-photo-content,
	.fl-node-1apuy2ochqez .fl-photo-img {
		width: 100%;
	}

	.cadreservice {
		min-height: 370px;
	}

	.cadreservice .imgservice {
		height: 150px;
	}

	.fl-node-jpdxbq9rniz7 {
		padding: 20px;
	}

	.padding60,
	.padding40 {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}

	.item {
		height: 270px;
	}

	#slide_realisations .titrebase {
		text-align: center;
	}

	.imgsliderSingle {
		height: 230px !important;
	}

	.slider-nav .slick-slide {
		height: 65px;
	}

	.slider-nav {
		min-height: 85px;
	}

	div#banniereIntern {
		height: 30vh;
		overflow: hidden;
		position: relative;
	}


	
	.CarouDecalage .carou_rea {
    height: 305px;
}



	/* DECOR  */

	
video.video-slider {
    width: 100%;
    height: 100%;
    object-fit: cover;
}



}


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

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

	/* SUITE */


	.gridsec1,
	.grid-tax,
	.fl-node-kj7rvxnig5ts,
.fl-node-bpiqx3fnc12m,
.fl-node-d3w071roxytz,
.fl-node-0j3ns6mdoe5t,
.fl-node-k6dbnhmvjuf5	{
		grid-template-columns: 1fr !important;
	}
	
	    div#aJaxToi.Grid-3 {
        grid-template-columns: 1fr;
    }

	.grid-tax,
	.Grid-3 {
		padding: 20px;
		gap: 10px 15px;
	}

	.Grid-3.margin40 {
		 grid-template-columns: 1fr;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.Grid-1-2 {
		margin: 0 15px;
	}

	.ItemSliderHome,
	#home_slider,
	#home_slider .overflowhiddenSlider {
		height: 55vh;
	}

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

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

	.single-realisations h1,
	.single-expressions h1 {
		font-size: 1.4em;
	}

	.CarouDecalage {
		margin-right: 0;
	}

	.padding60,
	.padding40 {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}

	    .item {
        height: 270px;
        margin: 0;
    }

	#slide_realisations .titrebase {
		text-align: center;
	}

	.imgsliderSingle {
		height: 230px !important;
	}

	.slider-nav .slick-slide {
		height: 65px;
	}

	.slider-nav {
		min-height: 85px;
	}

	div#banniereIntern {
		height: 30vh;
		overflow: hidden;
		position: relative;
	}



	/* DECOR  */


.Filedariane {
    margin-top: 60px;
}

section#slide_realisations {
    padding-top: 50px !important;
}

.imgpresta {
    height: 270px;
    width: 100%;
}

:where( .fl-node-mu6hcl1sd5iz > :not( .fl-block-overlay, .fl-drop-target ) ) {
    min-height: 270px;
}

.grid2img .img1 img, .grid2img .img2 img {
    height: 270px !important;
}

.fl-node-gxuk0e2i9sf7 {
    clip-path: polygon(27% 1%, 100% 0, 100% 100%, 100% 100%, 98% 100%, 100% 100%, 100% 100%, 0 100%, 0% 100%, 0 0);
    margin-top: -30px;
}


#banniereIntern.logoas:before {
    width: 30vh;
    height: 25vh;
    z-index: 2;
}


.logoas:before {
    width: 40vh;
    height: 30vh;
}


	/* 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;
	}

}