@media screen and (max-width: 1650px){
    .main-nav li a{
        margin: 0 15px;
    }
    .main-nav li{
        margin-right: 15px;
    }
    .block-d-Header{
        gap:20px;
    }
    .main-nav{
        padding-left: 10px;
    }
    .main-header{
        padding: 10px 50px;
    }
}
@media screen and (min-width: 851px) and (max-width: 1350px) {


	.EnteteTop ul {
		grid-template-columns: 0.5fr 0.7fr 0.7fr;
		padding-right: 25px;
		padding-left: 25px;
	}

	.EnteteTop ul li {
		font-size: 13px;
	}


	.GalItem {
		left: 25%;
	}

	.GalItem .slick-prev {
		left: -10%;
	}

	.GalItem .slick-next {
		right: 38%;
	}


	.main-header {
		position: relative;
		z-index: 25;
	}

	.openMenuMobile {
		display: none;
		position: absolute;
		top: 105px;
		left: 0;
		background: #fff;
		padding: 0;
		z-index: 10;
		opacity: 0;
		transform: translateY(-20px);
		transition: opacity 1s ease, transform 0.2s ease;
		width: 100%;
	}

	.openMenuMobile.show {
		display: block;
		opacity: 1;
		transform: translateY(0);
	}


	.openMenuMobile ul {
		list-style: none;
		padding: 15px;
		margin-top: 0;
	}

	.openMenuMobile ul li {
		border-bottom: 1px solid #d3ad7f;
		padding-bottom: 10px;
		padding-top: 10px;
	}

	.openMenuMobile ul li a {
		color: #000;
		font-size: 14px;
		text-transform: uppercase;
	}
	
	.openMenuMobile.show .menu-item-has-children.openLi .sub-menu {
    display: block;
    position: relative;
}

	.openMenuMobile a.domaine {
		display: block;
	}

	.burger-menu {
		display: block;
	}

	.main-nav {
		display: none;
	}


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


	.openMenuMobile.show .menu-item-has-children.openLi {}

	.openMenuMobile.show .menu-item-has-children.openLi .sub-menu li:last-child {
		border: none;
	}

	.openMenuMobile.show .menu-item-has-children.openLi .sub-menu {
		display: block;
		position: relative;
		padding: 10px 5px 0px 5px;
	}

	.SelecteurLangue {
		width: 20px;
		position: relative;
		padding-right: 30px;
		padding-left: 10px;
		margin-top: 3px;
		margin-right: 15px;
	}
	
	.logo-container img {
		height: 47px;
	}

	.block-d-Header a {
		font-size: 0;
		padding: 0;
		gap: 0;
	}

	.gridul1-2 li h3:before,
	.gridImageTexte .LayTexte h3:before {
		display: none;
	}

	.grid4icones,
	.gridul1-2 ul,
	.fondTexte ul,
	.gridRea,
	.gridul1 ul {
		grid-template-columns: 1fr;
		gap: 35px;
		padding-right: 10px;
		padding-left: 10px;
	}


	ul.reseaux_sociaux,
	.block-d-Header a.nous_telephoner,
	.block-d-Header .nous_contacter {
		display: none;
	}


	.btn {
		min-width: 180px;
	}

	.LogoR .container:before {
		width: 160px;
		height: 145px;
		right: -15%;
	}

	.titre :is(h3, h4, h5) {
		font-size: 22px;
		margin: 0;
	}

	.fleuricone {
		padding: 15px;
	}


	.fondrearadius {
		clip-path: ellipse(170% 100% at 57% 100%);
	}

	.padding100,
	.padding80 {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}

	.RdeReno {
		top: 27%;
		left: 5%;
		width: auto;
		height: 120px;
	}

	.feuilleenvers:before,
	.feuilleenvers .overflowhidden:before {
		width: 80px;
		top: 0;
	}

	.fondrearadiusinversement {
		border-radius: 0;
	}

	.fondTexte ul li {
		font-size: 16px;
	}

	.blockAbso {
		bottom: -8px;
		right: 2%;
		z-index: 2;
		border-radius: 91px 39px 165px 0px;
		opacity: 1;
		width: 96%;
		padding: 40px;
	}

	.blockAbso img {
		max-width: 170px;
	}

	.block-d-Header a.btn2:before {
		display: inline-block;
		width: 1em;
		height: 1em;
		--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23000'%3E%3Cpath fill-rule='evenodd' d='M14.364 13.121c.924.924 1.12 2.3.586 3.415l1.535 1.535a1 1 0 0 1-1.414 1.414l-1.535-1.535a3.001 3.001 0 0 1-3.415-4.829a3 3 0 0 1 4.243 0M12.95 15.95a1 1 0 1 0-1.414-1.414a1 1 0 0 0 1.414 1.414' clip-rule='evenodd'/%3E%3Cpath d='M8 5h8v2H8zm8 4H8v2h8z'/%3E%3Cpath fill-rule='evenodd' d='M4 4a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v16a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3zm3-1h10a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
		background-color: currentColor;
		-webkit-mask-image: var(--svg);
		mask-image: var(--svg);
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-size: 100% 100%;
		mask-size: 100% 100%;
		content: "";
		font-size: 20px;
		margin: auto;
		display: block;
	}


	.block-d-Header a.btn1:before {
		display: inline-block;
		width: 1em;
		height: 1em;
		--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M3.01 5.838a1 1 0 0 1 1-1H20a1 1 0 0 1 1 1v11.324a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-11c0-.048.003-.094.01-.14zM5 8.062v9.1h14v-9.1l-4.879 4.879a3 3 0 0 1-4.242 0zm1.572-1.256h10.856l-4.72 4.72a1 1 0 0 1-1.415 0z' clip-rule='evenodd'/%3E%3C/svg%3E");
		background-color: currentColor;
		-webkit-mask-image: var(--svg);
		mask-image: var(--svg);
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-size: 100% 100%;
		mask-size: 100% 100%;
		content: "";
		font-size: 20px;
		margin: auto;
		display: block;
	}


	.EnteteTop {
		display: grid;
		grid-template-columns: 1fr;
		padding: 10px;
		overflow: hidden;
		height: 40px;
		padding-top: 5px;
		padding-right: 20px;
		padding-left: 20px;
		z-index: 100;
	}

	.EnteteTop:before {
		content: "Colmar Volets Services";
		display: flex;
		align-items: center;
		padding-top: 4px;
	}

	.EnteteTop.ouvertureEntete {
		height: auto;
		z-index: 100;
	}

	.EnteteTop.ouvertureEntete ul {
		display: block;
		padding: 0;
	}

	.EnteteTop.ouvertureEntete ul li {
		margin-top: 10px;
		padding-top: 10px;
		border-top: 1px solid;
	}


	.EnteteTop ul {
		display: none;
	}

	.EnteteTop:after {
		content: "\276F";
		transform: rotate(90deg);
		background: #fff;
		height: 15px;
		width: 15px;
		font-size: 10px;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		position: absolute;
		right: 15px;
		margin-top: 11px;
	}

    .main-header {
        position: fixed;
        z-index: 25;
        padding: 10px 15px;
        margin-top: -20px;
    }

	.openMenuMobile {
		display: none;
		position: absolute;
		top: 70px;
		left: 0;
		background: #fff;
		padding: 0;
		z-index: 10;
		opacity: 0;
		transform: translateY(-20px);
		transition: opacity 1s ease, transform 0.2s ease;
		width: 100%;
	}

	.LayImg .cadre {
		height: 270px;
	}


	.LayTexte h3 span em {
		font-size: 1.6em;
	}

	.CadreActiviteImage {
		height: 320px;
	}

	.activites {
		grid-template-columns: 1fr;
		gap: 40px 0;
		margin-left: 20px;
		margin-right: 20px;
	}


	.overflowhidden {
		overflow: hidden;
		position: relative;
	}

	.fondTexte {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	#block_fond_image_texte h3 {
		margin: 0;
		width: 100%;
		font-size: 1.3em;
	}

	.openMenuMobile.show {
		display: block;
		opacity: 1;
		transform: translateY(0);
	}


	.openMenuMobile ul {
		list-style: none;
		padding: 15px;
		margin-top: 0;
	}


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


	.openMenuMobile ul li {
		border-bottom: 1px solid #b4cb23;
		padding-bottom: 10px;
		padding-top: 10px;
	}

	.openMenuMobile ul li a {
		color: #000;
		font-size: 14px;
		text-transform: uppercase;
	}

	.openMenuMobile a.domaine {
		display: block;
	}

	.burger-menu {
		display: block;
	}

	.main-nav {
		display: none;
	}


	.container-form,
	.container-chambres {
		padding-left: 15px;
		padding-right: 15px;
		margin-left: 10px;
		margin-right: 10px;
	}

	#block_texte .container {
		margin: 0 10px;
	}


	.container-maconnerie,
	.container-services {
		padding: 0px 10px;
	}

	.flex-form label {
		font: normal normal normal 13px / 23px Gill Sans;
	}

	.prestationsC section span {
		padding-left: 0;
	}

	.prestationsC section ul {
		grid-template-columns: repeat(2, 1fr);
	}


	.gridImageTexte {
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		gap: 20px 0;
		margin-left: 10px;
		margin-right: 10px;
	}


	.Decalage {
		margin-left: 10px;
		width: auto;
		margin-right: 10px;
	}


	.CarouDecalage {
		margin-right: 15px;
		margin-left: 15px;
	}

	.CarouDecalage .item {
		margin-right: 0;
	}

	.CarouDecalage .cadrebtnActivite strong {
		word-break: normal;
		line-height: 1.6rem;
	}

	.CarouDecalage .cadrebtnActivite {
		width: 74%;
	}

	.overflowhiddenSlider .fondImage,
	.overflowhiddenSlider {
		height: 460px;
	}

	#block_fond_image_texte h2,
	.ItemSliderHome h2 {
		font-size: 1.2em;
	}

	section#home_slider .fondTexte p {
		font-size: 1.1em;
		color: #fff;
		line-height: 1em;
	}

	.masonry {
		flex-wrap: wrap;
	}


	.masonry-grid-column {
		width: 45%;
		margin: 8px;
	}

	.masonry .item.tall {
		height: 300px;
	}

	.masonry .item.short {
		height: 240px;
	}

	.container-services ul.services {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr;
		gap: 30px 30px;
		margin: 0;
		padding: 0;
		margin-bottom: 0px;
	}


	.descriptionservices {
		font-size: 16px;
		width: 90%;
	}


	ul.gites {
		grid-template-columns: 1fr;
		margin-bottom: 60px;
		margin-right: 10px;
		gap: 50px 0;
		margin-left: 10px;
	}

	.CadreGiteImage {
		height: 370px;
	}


	.Slogan:before {
		font-size: 9em;
		top: 8%;
		left: -9%;
	}

	.galerie .Decalage {
		width: auto;
	}


	.GalItem {
		left: initial;
	}


	.ItemSliderHome ul {
		flex-direction: column;
	}

	.fleches,
	.fixedReservation,
	.domaine {
		display: none;
	}


	.main-header a.reservation {
		font-size: 0;
		padding: 0;
		border: none;
		gap: 0;
	}


	.block-d-Header {
		display: flex;
		gap: 10px;
	}


	ul.ChargementLangue {
		top: -15px;
		padding-left: 0;
		left: 5px;
	}

	.SelecteurLangue.open .ChargementLangue {
		margin-left: 0;
	}


	.main-footer {
		grid-template-columns: 1fr;
		grid-template-areas:
			"logo"
			"nav"
			"reservation"
			"map"
			"plus"
			"credits";
	}

	.footer-plus ul {
		flex-direction: column;
	}

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

	#block_image_texte .gridImageTexte .LayTexte:after {

		width: 203px;
		height: 210px;
		bottom: -80px;
		right: 10px;
	}

	#block_slide_realisations:before {
		width: 203px;
		height: 210px;
		top: -20px;
		left: 10px;
	}

	section#ActiChoix4 {
		padding-top: 140px;
	}

	h2.titrerea:before {
		top: 75px !important;
	}


	.MobileBar {
		position: fixed;
		bottom: 0;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		height: 70px;
		z-index: 9;
		background: linear-gradient(0deg, #000000 0%, #00000098 50%, rgba(0, 0, 0, 0) 100%);
	}

	.MobileBar a {
		margin: 5px;
		border: 1px solid transparent;
		border-radius: 20px;
		background: #B4CB23;
		color: #000;
	}

	.MobileBar a img {
		filter: brightness(0) saturate(100%)
	}

	a.demande_de_devis {
		padding: 5px;
		padding-right: 0;
	}

	.fondImage {
		height: auto;
		position: absolute;
		width: 100%;
	}

	li.menu-item-has-children:after {
		top: 7px;
	}

	a.nous_contacter {
    background: #fff;
}

.vaguecss::before { display:none; }
}