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

@media screen and (min-width: 1025px) and (max-width: 1440px) {
    ul#menu-entete{
        gap:20px;
    }
    ul#menu-entete li a{
        margin:6px;
    }
}


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


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

	.telephone strong,
	.contacter strong {
		display: none;
	}

.navbar {
    padding: 0px 20px 0 20px;
}

.espace-menu {
    gap: 10px;
}

ul#menu-entete {
    gap: 15px;
}
	
	
	.flex-form .half {
    position: relative;
    width: 46.5%;
}

.part {
    width: 100%;
}

.divflot3 {
    width: 218px;
    height: 300px;
    right: 5%;
    top: -120px;
    position: absolute;
}


.imgflottant4 {
    width: 218px;
    height: 300px;
    right: 5%;
    top: 0px;
    position: absolute;
}


.divflot1, .divflot2, .imgflottant3 {
    left: 0%;
}

.imgflottant3 {
    top: 90px;
}

.textflottant5 {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-right: 0;
}

.textflottant5 br { display:none;  }

.fl-node-54e8zbic2vuo {
    padding: 0 15px;
}

.fl-node-irf1sp0a5tzj:after {
    width: 269px;
    height: 248px;
    top: -35%;
    right: -2%;
}

.cadreintern {
    left: 38%;
}

.cadre-img:after {
    content: "";
    background: url(/wp-content/uploads/2025/08/triangle-Talvora-Blanc.svg);
    position: absolute;
    width: 125px;
    height: 110px;
    background-size: contain;
    background-repeat: no-repeat;
    right: 8%;
    top: -5%;
}

.cadreintern:after {
    width: 190px;
    height: 190px;
    right: -45%;
    top: -15%;
}


}


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

	.navbar {
		height: 100px;
		padding: 0px 10px 0 10px;
		gap: 10px;
	}

	.navbar .btn {
		margin-top: 0;
		padding: 10px 10px;
		min-height: 40px;
	}

	.espace-menu {
		gap: 15px;
	}

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

	.telephone strong,
	.contacter strong {
		display: none;
	}

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


	.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: 99px;
		background: #010526;
		width: 100%;
		padding: 15px 30px;
		transform: translateY(0);
		opacity: 1;
		padding-bottom: 50px;
	}

	ul#menu-entete li {
		padding: 4px 0;
	}

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

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


	/* TEXTE  */


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

	div#Philosophie {
		margin-top: 50px;
	}

	#Philosophie span {
		font-size: 1.6em !important;
	}

	.flottanttexte {
		font-size: 2.5em;
	}
	
	.hrspecial hr {
    width: 80px;
    margin-left: -20px;
}

	/* IMAGE + SLIDER  */




	.fleches {
		height: 55px;
		width: 115px;
		z-index: 2;
		display: flex;
		gap: 15px;
		position: absolute;
		bottom: 45px;
		left: 50%;
		transform: translate(-50%, -50%);
	}


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

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

	.wp-image-46 {
		width: 220px;
		height: auto;
	}

	.fl-node-irf1sp0a5tzj:after {
		width: 122px;
		height: 200px;
		top: -16%;
		right: -2%;
	}


	.cadreintern {
		max-width: 750px;
		z-index: 2;
		position: absolute;
		top: 50%;
		left: 55%;
		transform: translate(-50%, -50%);
		color: #fff;
		width: 100%;
		font-size: 1em;
	}

	.cadreintern:after {
		width: 130px;
		height: 130px;
		right: 6%;
		top: -35%;
	}

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


	.divflot {
		position: relative;
		height: 330px;
	}

	.divflot1 {
		width: 130px;
		position: absolute;
		height: 120px;
		top: -60px;
		left: 0;
	}

	.divflot2 {
		width: 130px;
		height: 200px;
		bottom: 15%;
		position: absolute;
		left: 0;
	}

	.divflot2:before {
		bottom: -53px;
		left: -35px;
		width: 100px;
		height: 100px;
	}

    .divflot3 {
        width: 200px;
        height: 280px;
        right: 0%;
        top: -100px;
        position: absolute;
    }


	.hero-slider-wrap {
		margin-top: -60px;
		padding: 0 15px;
	}

	.hero-slider .slide-card.slick-slide {
		transition: all .5s;
		margin-right: min(70px, 5vw);
		clip-path: inset(10% 0 round min(25px, 4vw));
		height: 310px;
	}


    .masonry {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        grid-auto-rows: 200px;
    }

	.masonry .card:nth-child(2),
	.masonry .card:nth-child(5) {
		grid-row: initial;
	}

	.masonry .card:nth-child(6) {
		grid-column: initial;
	}


	.guide ul {
		padding: 0;
		justify-content: space-between;
	}


	.imgflottant3 {
		width: 140px;
		height: 225px;
		position: absolute;
		left: 0%;
		top: 100px;
	}

	.imgflottant3:before {
		top: -73px;
		left: -15px;
		width: 100px;
		height: 100px;
	}


	.imgflottant4 {
		width: 200px;
		height: 360px;
		right: -1%;
		top: 0px;
		position: absolute;
	}


	.textflottant5 {
		position: absolute;
		bottom: 0;
		left: 0%;
	}

	.fl-node-n8qfxicjt3e6 br,
	.fl-node-mk95hsqljipg br,
	.fl-node-capz6nequ89l br {
		display: none;
	}

    div#Chefprive, .fl-node-z5musojynvha, .fl-node-54e8zbic2vuo {
        padding: 0;
        column-gap: 30px!important;
    }

.fl-node-54e8zbic2vuo {
    padding: 0 15px;
}


	.deplacementhaut {
		top: 0;
		position: relative;
	}


	.cadre-img:after {
		width: 90px;
		height: 90px;
		right: 0;
		top: -5%;
	}


	/* FORM  */


	.flex-form {
		padding: 50px 25px;
	}

	.flex-form .half {
		position: relative;
		width: 100%;
	}

	.part {
		width: 100%;
	}

	/* SUITE */




	/* FOOTER  */

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


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


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


	/* HEADER  */

	.navbar {
		height: 100px;
		padding: 0px 10px 0 10px;
		gap: 10px;
	}

	.navbar .btn {
		margin-top: 0;
		padding: 10px 10px;
		min-height: 40px;
	}

	.espace-menu {
		gap: 15px;
	}

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


	.telephone strong,
	.contacter strong {
		display: none;
	}

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


	.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: 99px;
		background: #010526;
		width: 100%;
		padding: 15px 30px;
		transform: translateY(0);
		opacity: 1;
		padding-bottom: 50px;
	}

	ul#menu-entete li {
		padding: 4px 0;
	}

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

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


	/* TEXTE  */


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

	div#Philosophie {
		margin-top: 50px;
	}

	#Philosophie span {
		font-size: 1.6em !important;
	}

	.flottanttexte {
		font-size: 2.5em;
	}

	/* IMAGE + SLIDER  */


	.fleches {
		height: 55px;
		width: 115px;
		z-index: 2;
		display: flex;
		gap: 15px;
		position: absolute;
		bottom: 45px;
		left: 50%;
		transform: translate(-50%, -50%);
	}


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

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

	.wp-image-46 {
		width: 220px;
		height: auto;
	}

	.fl-node-irf1sp0a5tzj:after {
		width: 122px;
		height: 200px;
		top: -16%;
		right: -2%;
	}


	.cadreintern {
		max-width: 750px;
		z-index: 2;
		position: absolute;
		top: 50%;
		left: 55%;
		transform: translate(-50%, -50%);
		color: #fff;
		width: 100%;
		font-size: 1em;
	}

	.cadreintern:after {
		width: 130px;
		height: 130px;
		right: 6%;
		top: -35%;
	}

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


	.divflot {
		position: relative;
		height: 330px;
	}

	.divflot1 {
		width: 130px;
		position: absolute;
		height: 120px;
		top: -60px;
		left: 0;
	}

	.divflot2 {
		width: 130px;
		height: 200px;
		bottom: 15%;
		position: absolute;
		left: 0;
	}

	.divflot2:before {
		bottom: -53px;
		left: -35px;
		width: 100px;
		height: 100px;
	}

	.divflot3 {
		width: 220px;
		height: 280px;
		right: 0%;
		top: -100px;
		position: absolute;
	}


	.hero-slider-wrap {
		margin-top: -60px;
		padding: 0 15px;
	}

	.hero-slider .slide-card.slick-slide {
		transition: all .5s;
		margin-right: min(70px, 5vw);
		clip-path: inset(10% 0 round min(25px, 4vw));
		height: 310px;
	}


	.masonry {
		grid-template-columns: 1fr;
		gap: 0;
		grid-auto-rows: 200px;
	}

	.masonry .card:nth-child(2),
	.masonry .card:nth-child(5) {
		grid-row: initial;
	}

	.masonry .card:nth-child(6) {
		grid-column: initial;
	}


	.guide ul {
		padding: 0;
		justify-content: space-between;
	}


	.imgflottant3 {
		width: 140px;
		height: 225px;
		position: absolute;
		left: 0%;
		top: 100px;
	}

	.imgflottant3:before {
		top: -73px;
		left: -15px;
		width: 100px;
		height: 100px;
	}


	.imgflottant4 {
		width: 200px;
		height: 360px;
		right: -1%;
		top: 0px;
		position: absolute;
	}


	.textflottant5 {
		position: absolute;
		bottom: 0;
		left: 0%;
	}

	.fl-node-n8qfxicjt3e6 br,
	.fl-node-mk95hsqljipg br,
	.fl-node-capz6nequ89l br {
		display: none;
	}

	div#Chefprive {
		padding: 15px;
	}

	.deplacementhaut {
		top: 0;
		position: relative;
	}


	.cadre-img:after {
		width: 90px;
		height: 90px;
		right: 0;
		top: -5%;
	}


	/* FORM  */


	.flex-form {
		padding: 50px 25px;
	}

	.flex-form .half {
		position: relative;
		width: 100%;
	}

	.part {
		width: 100%;
	}

	/* SUITE */

	.fl-node-vos9k1ygzfrq,
	.fl-node-rnewv0ydb72f,
	.fl-node-54e8zbic2vuo,
	.fl-node-z5musojynvha {
		grid-template-columns: 1fr !important;
	}


	/* 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 {
		grid-area: nav;
		margin-left: 0;
	}

}