.slidy{
	position: relative;
	padding: 0 85px 40px;
}

.slidy .swiper-slide{
	padding: 75% 0 0;
	box-sizing: border-box;
}

.slidy .swiper-slide:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 5px solid #CD5A18;
	z-index: 2;
	pointer-events: none;
}

.slidy .swiper-slide img, .chambimg img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.slidy .swiper-button-next:after{
	content: '';
	width: 27px;
	height: 41px;
	background: url(../images/slider-right.svg) no-repeat center center/contain;
}
.slidy .swiper-button-prev:after{
	content: '';
	width: 27px;
	height: 41px;
	background: url(../images/slider-left.svg) no-repeat center center/contain;
}

.slidy .swiper-button-next{
	right: 0;
}
.slidy .swiper-button-prev{
	left: 0;
}

.slidy .swiper-pagination-fraction{
	line-height: 1;
	left: auto;
	right: 85px;
	text-align: right;
	font-size: 14px;
}

.fichiers{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 130px;
	row-gap: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1;
}

.fichiers li{
	
}

.datas{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	gap: 40px;
	row-gap: 20px;
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1;
}

.datas li{
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.datas li span{
	display: block;
	text-transform: none;
	letter-spacing: 0;
	max-width: 225px;
	font-size: 14px;
	margin: 5px 0 0;
}

.bloc-sspages ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 90px;
	row-gap: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1;
}

.wp-block-button__link{
	text-transform: uppercase;
	border: 1px solid #CD5A18;
	color: #CD5A18;
	background: transparent;
	line-height: 1;
	padding: 14px 24px;
	letter-spacing: 0.1em;
	font-size: 15px;
	border-radius: 0;
	white-space: nowrap;
}

.wp-block-button__link:hover{
	background: #CD5A18;
	border-color: #CD5A18;
	color: #F5F0E9;
}

.chambre > a{
	color: #CD5A18;
}

.lien{
	display: inline-block;
	line-height: 1;
	border-bottom: 1px solid transparent;
	padding: 0 0 5px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	transition: all 0.4s ease;
}

.lien:hover, .chambre > a:hover .lien{
	color: #CD5A18;
	border-bottom: 1px solid #CD5A18;
}

.souscol .lien{
	text-transform: none;
	letter-spacing: 0;
}

.chambres{
	display: flex;
	flex-wrap: wrap;
	gap: 140px;
	row-gap: 90px;
}

.chambre{
	width: calc(50% - 70px);
	text-align: center;
}

.chambimg{
	position: relative;
	display: block;
	width: 100%;
	padding: 66% 0 0;
	background: #CD5A18;
	border: 4px solid;
	margin: 0 0 35px;
}

.chambre h2{
	font-family: 'Pangram';
	text-transform: lowercase;
	font-size: 48px;
	font-weight: 900;
	margin: 0;
	padding: 0;
	line-height: 1.2;
}

.chambre .txt{
	margin: 35px auto 0;
	display: block;
	max-width: 440px;
}

.chambre .lien{
	margin-top: 35px;
}

.subpage{
	/* display: none; */
	transition: opacity 0.4s ease, transform 0.4s ease, top 0s 0.4s ease;
	left: 0;
	opacity: 0;
	margin: 0 0 0;
	top: -999em;
	transform: translate(0, 0);
	position: fixed;
	z-index: 1;
	height: 100vh;
	overflow: auto;
	width: 100%;
	background: #F5F0E9;
}
.subpage.subpageon {
	opacity: 1;
	top: 0;
	transform: translate(0, 0);
	transition: opacity 0.4s ease, transform 0.4s ease, top 0s 0s ease;
}

/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/

body:after{
	content: '';
}

@media screen and (max-width: 1399px) {
	.menu, .resa{
		padding: 250px 0 0;
	}
	.right img{
		transform: scale(1);
	}
}

@media screen and (max-width: 1299px) {
	.slider h1{
		font-size: 46px;
	}
	.menu, .resa {
		padding: 230px 0 0;
	}
}

@media screen and (max-width: 1199px) {
	body, button, input, select, textarea, .site-footer{
		font-size: 15px;
	}
	.site-header{
		padding: 23px 40px;
	}
	.slider .phrase2{
		left: 40px;
	}
	.sliderbot{
		padding: 40px;
	}
	.sliderbot .phrase1{
		margin-left: 0;
	}
	.slider h1 {
		font-size: 40px;
	}
	.mouettes{
		font-size: 14px;
		top: 35px;
	}
	.mouettes span{
		width: 70px;
		height: 49px;
		margin: 0 auto 30px;
	}
	.site-title, .lang-menu, .logo{
		font-size: 17px;
	}
	body.scrolled:not(.menuon):not(.resaon) .mouettes {
		top: 23px;
	}
	.site-header:before{
		height: 190px;
	}
	.menu, .resa {
		padding: 190px 0 0;
	}
	.pagetop {
		padding: 140px 0 50px;
	}
	.main-menu > li > a, .resa-menu > li > a, .chambre h2{
		font-size: 38px;
	}
	.lang{
		left: 40px;
		top: 36px;
	}
	.texte_menu{
		padding: 85px;
		font-size: 22px;
	}
	.wrap, .wrapper{
		padding-left: 40px;
		padding-right: 40px;
	}
	.pagetop h1, h1.wp-block-heading{
		font-size: 44px;
	}
}

@media screen and (max-width: 1023px) {
	body, button, input, select, textarea, .site-footer{
		font-size: 14px;
	}
	.sliderbot .coos{
		font-size: 13px;
	}
	.site-header {
		padding: 18px 30px;
	}
	.slider .phrase2{
		left: 30px;
		top: 22px;
	}
	.sliderbot{
		padding: 30px;
	}
	.lang{
		left: 30px;
		top: 37px;
	}
	.wrap, .wrapper{
		padding-left: 30px;
		padding-right: 30px;
	}
	.texte_menu {
		padding: 70px;
		font-size: 20px;
	}
	.main-menu > li > a, .resa-menu > li > a{
		font-size: 34px;
		padding: 20px 30px;
	}
	.main-menu > li > a svg{
		right: 30px;
	}
	.phrase1{
		width: 124px;
		height: 34px;
	}
	.phrase2{
		width: 167px;
		height: 55px;
	}
	.headerr{
		gap: 30px;
	}
	.slider h1 {
		font-size: 30px;
	}
	.fichiers, .bloc-sspages ul{
		gap: 80px;
		row-gap: 30px;
	}
	.slidy{
		padding: 0 55px 40px;
	}
	.slidy .swiper-pagination-fraction{
		right: 55px;
	}
	.site-title, .lang-menu, .logo {
		font-size: 15px;
	}
	.top-menu > li > a{
		font-size: 14px;
	}
	.mouettes{
		font-size: 13px;
		top: 19px;
	}
	.mouettes span {
		width: 58px;
		height: 41px;
		margin: 0 auto 20px;
	}
	body.scrolled:not(.menuon):not(.resaon) .mouettes span {
		width: 58px;
		height: 41px;
	}
	body.scrolled:not(.menuon):not(.resaon) .mouettes {
		top: 19px;
	}
	.site-header:before{
		height: 145px;
	}
	.menu, .resa {
		padding: 145px 0 0;
	}
	.pagetop {
		padding: 110px 0 30px;
	}
	.chambres{
		gap: 40px;
		row-gap: 50px;
	}
	.chambre {
		width: calc(50% - 20px);
	}
	.chambre h2{
		font-size: 34px;
	}
	.pagetop h1, h1.wp-block-heading {
		font-size: 40px;
	}
	.chambre .txt {
		margin: 25px auto 0;
	}
	.chambre .lien {
		margin-top: 25px;
	}
	.spacetop {
		height: 130px;
	}
	.left{
		flex-direction: row;
	}
	.contactc{
		flex-direction: column;
		gap: 80px;
	}
	.sscols{
		gap: 20px;
		order: 1;
	}
	.ssscols{
		gap: 40px;
	}
	.sscol .txt, .sssscol .txt, .ssscol .lien{
		white-space: nowrap;
	}
	.souscol .wp-block-button__link{
		font-size: 12px;
		padding: 14px 20px 12px;
	}
	.sssscol{
		gap: 14px;
	}
	.page-template-page-contact .pagecont {
		padding-bottom: 100px;
	}
	.footerc{
		align-items: initial;
	}
	.col2{
		justify-content: space-between;
	}
	footer .logo{
		display: none;
	}
	:root :where(.is-layout-flex) {
		gap: 16px;
	}
}

@media screen and (min-width: 768px) {
	.sliderbot .top-menu{
		display: none!important;
	}
}

@media screen and (max-width: 767px) {
	.site-header {
		padding: 30px 30px;
	}
	.slider h1 {
		font-size: 34px;
		position: absolute;
		left: 0;
		top: 50%;
		z-index: 2;
		width: 100%;
		transform: translate(0, -50%);
		color: #F5F0E9;
	}
	.sliderbot {
		padding: 30px;
		flex-wrap: wrap;
		row-gap: 20px;
	}
	.sliderbot > * {
		flex: auto;
	}
	.top-menu{
		order: 2;
		width: 100%;
		display: block;
		text-align: center;
	}
	.phra{
		order: 1;
		margin: 0 -30px 0 0;
	}
	.sliderbot .coos {
		font-size: 13px;
		text-align: left;
	}
	.phrase1 {
		width: 101px;
		height: 28px;
	}
	.main-menu > li > a, .resa-menu > li > a {
		font-size: 28px;
		padding: 13px 28px;
	}
	.phrase2 {
		width: 152px;
		height: 50px;
	}
	.slider .phrase2 {
		left: 30px;
		top: 140px;
	}
	.texte_menu, .main-menu > li > a svg{
		display: none;
	}
	header .top-menu{
		padding: 20px 30px;
		background: #F0DBD8;
	}
	.sliderbot .top-menu > li > a{
		color: #F5F0E9;
		border-color: #F5F0E9;
	}
	.sliderbot .top-menu > li > a:hover{
		background: #F5F0E9;
		color: #CD5A18;
		border-color: #F5F0E9;
	}
	.lang {
		left: 30px;
		top: 32px;
	}
	body:not(.menuon):not(.resaon) .lang{
		opacity: 1;
		pointer-events: all;
	}
	body.home:not(.menuon):not(.resaon) .lang {
		opacity: 0;
		pointer-events: none;
	}
	.site-title{
		position: unset;
		opacity: 0;
		/* pointer-events: none; */
	}
	.site-title a{
		position: absolute;
		width: 58px;
		height: 41px;
		top: 20px;
		left: 50%;
		transform: translate(-50%, 0);
	}
	.pagetop {
		padding: 90px 0 24px;
	}
	.pagetop h1, h1.wp-block-heading {
		font-size: 32px;
	}
	.wp-block-buttons > .wp-block-button {
		display: block;
		margin: 0;
		width: 100%;
	}
	.wp-block-button__link{
		width: 100%;
		text-align: center;
		font-size: 14px;
	}
	.lien{
		padding-bottom: 3px;
	}
	.fichiers, .bloc-sspages ul, .datas {
		flex-direction: column;
		align-items: center;
		row-gap: 14px;
	}
	.slidy .swiper-button-next, .slidy .swiper-button-prev{
		width: 14px;
	}
	.slidy .swiper-button-prev {
		left: -10px;
	}
	.slidy .swiper-button-next {
		right: -10px;
	}
	.slidy .swiper-button-next:after, .slidy .swiper-button-prev:after{
		width: 14px;
		height: 22px;
	}
	.slidy {
		padding: 0 20px 33px;
	}
	.slidy .swiper-pagination-fraction {
		right: 20px;
		font-size: 11px;
	}
	.pagecont {
		padding-bottom: 30px;
	}
	.slidy .swiper-slide {
		padding: 110% 0 0;
	}
	.chambres{
		margin-bottom: 30px;
	}
	.chambre {
		width: 100%;
	}
	.chambre h2 {
		font-size: 32px;
	}
	.spacetop {
		height: 100px;
	}
	.instagram-placeholder{
		width: calc(50% - 3px);
	}
	/* .instagram-placeholder:nth-of-type(9){
		display: none;
	} */
	.subpage .datas, .maisondatas .datas{
		flex-wrap: wrap;
		flex-direction: row;
		gap: 10px;
		row-gap: 20px;
		text-align: center;
		font-size: 12px;
	}
	.subpage .datas li, .maisondatas .datas li{
		text-transform: uppercase;
		letter-spacing: 0.05em;
		width: calc(33.33% - 7px);
	}
	.contactc{
		margin: 20px 0 0;
		gap: 60px;
	}
	.left{
		gap: 30px;
	}
	.contactc .left{
		order:1;
		flex-direction: column;
	}
	.sscols {
		gap: 40px;
		order: unset;
		flex-direction: column;
	}
	.page-template-page-contact .pagecont {
		padding-bottom: 50px;
	}
	.ssscols {
		justify-content: space-between;
	}
	.sscol .txt{
		text-align: center;
	}
	.souscol{
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;	
	}
	.souscol .wp-block-button__link {
		font-size: 14px;
		padding: 16px 20px 14px;
	}
	.site-footer{
		padding: 30px 0;
	}
	.footerc{
		flex-direction: column;
		gap: 30px;
	}
	footer .logo {
		display: block;
		position: relative;
		left: 0;
		bottom: 0;
		transform: translate(0, 0);
		order: 0;
		text-align: center;
	}
	.col1{
		order: 2;
		text-align: center;
	}
	.col2{
		position: relative;
		order: 1;
		text-align: center;
		flex-wrap: wrap;
		gap: 25px;
	}
	.col2 .phrase1{
		position: absolute;
		left: 0;
		top: 0;
	}
	.col2 .coos{
		width: 100%;
	}
	.col2 .phrase2{
		margin: -18px 0 0;
	}
	.social-menu{
		display: flex;
		gap: 20px;
		justify-content: center;
	}
	.social-menu > li + li {
		margin-top: 0;
	}
	.col11{
		gap: 30px;
	}
	.datas li span{
		font-size: 12px;
	}
}