@media (max-width: 1599px){
	
.centrePanoHaut{
	width: 350px;
}
.droitePanoHaut{
	width: calc(50% - 350px);
}
	
.fondphotoRondCoteAvant{
	width: 300px;
	height: 300px;
	left: 290px;
	top: 82px;
}
.photoRondCoteAvant{
	width: 285px;
	height: 285px;
	left: 300px;
	top: 90px;
}
	
.zoneCoordBas{ margin-left: 5px; left: 0; }
	
.contenuTier{ width: 100%; }
.info50{
	width: calc(50% - 80px);
}
.infoCote{
	width: calc(50% - 40px);
}

.ensembleGalerie{
	width: 100%;
}
	
.fdEnsembleGalerie{
	width: 30%;
}
.coltxtGal{ width:300px; }
.zoneGalerie{ width:calc(100% - 360px); }
	
/* MH ---------------- */
.locationListing{
	gap: 20px;
}
.blocLocation{
width: 329px;
height: 329px;
}

	
}

@media (max-width: 1299px){
body,html{
	font-size: 16px;
}	
	
.centrePanoHaut{
	width: 300px;
}
.droitePanoHaut{
	width: calc(50% - 300px);
}
.colonneMenu{
	width: 120px;
	margin: 0 15px;
}
/* PANO --------------------------------------------------- */
.panoAccueil{
	height: 550px;
}
.blocPano.pos1{ background-image: url("img/pano/accueil-1-moy.webp"); }
.blocPano.pos2{ background-image: url("img/pano/accueil-2-moy.webp");}
.blocPano.pos3{ background-image: url("img/pano/accueil-3-moy.webp");}
.blocPano.pos4{	background-image: url("img/pano/accueil-4-moy.webp");}
	
.panoHaut{
	height: 450px;
}
.gauchePanoHaut.terrain{ background-image: url("img/pano/terrainGauche-moy.webp"); }
.droitePanoHaut.terrain{ background-image: url("img/pano/terrainDroite-moy.webp"); }
.gauchePanoHaut.service{ background-image: url("img/pano/serviceGauche-moy.webp"); }
.droitePanoHaut.service{ background-image: url("img/pano/serviceDroite-moy.webp"); }
.gauchePanoHaut.resident{ background-image: url("img/pano/residentGauche-moy.webp"); }
.droitePanoHaut.resident{ background-image: url("img/pano/residentDroite-moy.webp"); }
.gauchePanoHaut.environnement{ background-image: url("img/pano/environnementGauche-moy.webp");}
.droitePanoHaut.environnement{ background-image: url("img/pano/environnementDroite-moy.webp");}
.gauchePanoHaut.aquatique{ background-image: url("img/pano/aquaGauche-moy.webp");}
.droitePanoHaut.aquatique{ background-image: url("img/pano/aquaDroite-moy.webp");}
.gauchePanoHaut.loisirs{ background-image: url("img/pano/loisirGauche-moy.webp");}
.droitePanoHaut.loisirs{ background-image: url("img/pano/loisirDroite-moy.webp"); }
.gauchePanoHaut.animation{ background-image: url("img/pano/animationGauche-moy.webp");}
.droitePanoHaut.animation{ background-image: url("img/pano/animationDroite-moy.webp"); }
.gauchePanoHaut.cyclable{ background-image: url("img/pano/cycleGauche-moy.webp"); }
.droitePanoHaut.cyclable{ background-image: url("img/pano/cycleDroite-moy.webp"); }
.gauchePanoHaut.location{ background-image: url("img/pano/locationGauche-moy.webp"); }
.droitePanoHaut.location{ background-image: url("img/pano/locationDroite-moy.webp"); }
.gauchePanoHaut.mlodge{	background-image: url("img/pano/mlodgeGauche-moy.webp"); }
.droitePanoHaut.mlodge{	background-image: url("img/pano/mlodgeDroite-moy.webp"); }
.gauchePanoHaut.mpmr{ background-image: url("img/pano/mpmrGauche-moy.webp"); }
.droitePanoHaut.mpmr{ background-image: url("img/pano/mpmrDroite-moy.webp"); }
.gauchePanoHaut.mbamby{ background-image: url("img/pano/mbambyGauche-moy.webp"); }
.droitePanoHaut.mbamby{	background-image: url("img/pano/mbambyDroite-moy.webp"); }
.gauchePanoHaut.mdetente{ background-image: url("img/pano/mdetenteGauche-moy.webp"); }
.droitePanoHaut.mdetente{ background-image: url("img/pano/mdetenteDroite-moy.webp"); }
.gauchePanoHaut.meco{ background-image: url("img/pano/mecoGauche-moy.webp"); }
.droitePanoHaut.meco{ background-image: url("img/pano/mecoDroite-moy.webp"); }
.gauchePanoHaut.mespace{ background-image: url("img/pano/mespaceGauche-moy.webp"); }
.droitePanoHaut.mespace{ background-image: url("img/pano/mespaceDroite-moy.webp"); }
.gauchePanoHaut.mespacen{ background-image: url("img/pano/mespacenGauche-moy.webp"); }
.droitePanoHaut.mespacen{ background-image: url("img/pano/mespacenDroite-moy.webp"); }
.gauchePanoHaut.mfamily{ background-image: url("img/pano/mfamilyGauche-moy.webp"); }
.droitePanoHaut.mfamily{ background-image: url("img/pano/mfamilyDroite-moy.webp"); }
.gauchePanoHaut.mloggiab{ background-image: url("img/pano/mloggiabGauche-moy.webp"); }
.droitePanoHaut.mloggiab{ background-image: url("img/pano/mloggiabDroite-moy.webp"); }
.gauchePanoHaut.mloggia4{ background-image: url("img/pano/mloggia4Gauche-moy.webp"); }
.droitePanoHaut.mloggia4{ background-image: url("img/pano/mloggia4Droite-moy.webp"); }
.gauchePanoHaut.mloggian{ background-image: url("img/pano/mloggianGauche-moy.webp"); }
.droitePanoHaut.mloggian{ background-image: url("img/pano/mloggianDroite-moy.webp"); }
.gauchePanoHaut.mmodulespace{ background-image: url("img/pano/mmodulespaceGauche-moy.webp"); }
.droitePanoHaut.mmodulespace{ background-image: url("img/pano/mmodulespaceDroite-moy.webp"); }
.gauchePanoHaut.moceanic{ background-image: url("img/pano/moceanicGauche-moy.webp"); }
.droitePanoHaut.moceanic{ background-image: url("img/pano/moceanicDroite-moy.webp"); }
.gauchePanoHaut.mostrea{ background-image: url("img/pano/mostreaGauche-moy.webp"); }
.droitePanoHaut.mostrea{ background-image: url("img/pano/mostreaDroite-moy.webp"); }
.gauchePanoHaut.msuite{ background-image: url("img/pano/msuiteGauche-moy.webp"); }
.droitePanoHaut.msuite{ background-image: url("img/pano/msuiteDroite-moy.webp"); }
.gauchePanoHaut.mtandem{ background-image: url("img/pano/mtandemGauche-moy-2025.webp"); }
.droitePanoHaut.mtandem{ background-image: url("img/pano/mtandemDroite-moy.webp"); }

.gauchePanoHaut.emplacement{ background-image: url("img/pano/emplacementGauche-moy.webp"); }
.droitePanoHaut.emplacement{ background-image: url("img/pano/emplacementDroite-moy.webp"); }
.gauchePanoHaut.region{ background-image: url("img/pano/regionGauche-moy.webp"); }
.droitePanoHaut.region{ background-image: url("img/pano/regionDroite-moy.webp"); }
.gauchePanoHaut.lien{ background-image: url("img/pano/lienGauche-moy.webp"); }
.droitePanoHaut.lien{ background-image: url("img/pano/lienDroite-moy.webp"); }
.gauchePanoHaut.document{ background-image: url("img/pano/lienGauche-moy.webp"); }
.droitePanoHaut.document{ background-image: url("img/pano/lienDroite-moy.webp"); }
.gauchePanoHaut.contact{ background-image: url("img/pano/contactGauche-moy.webp"); }
.droitePanoHaut.contact{ background-image: url("img/pano/contactDroite-moy.webp"); }
.gauchePanoHaut.salle{ background-image: url("img/pano/salleGauche-moy.webp"); }
.droitePanoHaut.salle{ background-image: url("img/pano/salleDroite-2026-moy.webp"); }
	
.zoneNews{
	height: 290px;
}

.blocRondRaccourci{
	width: 230px;
	height: 230px;
}

.coltxtGal{ width:calc(30% - 60px); }
.caseGalerie{
	height: 280px;
}
.caseGalerie.double{
	height: 190px;
}
.zoneGalerie{ width:70%; }
.zonePub{ width:70%; }
	
.photoCoteFond{
	width: 280px;
	height: 370px;
}
.photoCoteAvant{
	width: 300px;
	height: 205px;
	margin-top: -200px;
}
	
/* IMG --------------------------------- */
.photoRondCoteFond{
	width: 330px;
	height: 330px;
}
.fondphotoRondCoteAvant{
	width: 270px;
	height: 270px;
	left: inherit;
	right: 0;
	top: 82px;
}
.photoRondCoteAvant{
	width: 255px;
	height: 255px;
	left: inherit;
	right: 0;
	top: 89px;
}
.photoCol50{
	height: 400px;
}
.fdParagraphe{
	width: 50%;
	height: calc(100% - 150px);
	min-height: 450px;
	top: 150px;
}
	
/* MH ---------------------------*/
.blocLocation{
width: 299px;
height: 299px;
}
.photoFicheFond{
width: 450px;
height: 300px;
border: 6px solid #ffffff;
right: 50%;
transform: translateX(50%);
}
.photoFicheAvant{
width: 200px;
height: 130px;
border:6px solid #ffffff;
margin-top: 10px;
left: 50%;
transform: translateX(-50%);
}
	
/* MAP -------------------------- */
	.listeActivite{
	width: 250px;
	height: 540px;
	}
	#MapActivite{
	width: calc(100% - 272px);
	height: 540px;
	}
	.zoneActivite{
	width: 420px;
	height: 540px;
	left: 291px;
	}
	.photoActivite{
	width: 333px;
	height: 250px;
	}
	.infoActivite{
	height: 210px;
	}	
	
}


@media (max-width: 1081px){
	body,html{
		font-size: 14px;
	}	
	
	#Haut{
	margin-bottom: 20px;
	}
	.zoneLogo{
		width: 400px;
	}
	.zoneLogo img{ max-width: 100%; }
	
	.colonneMenu{
	width: 100px;
	margin: 0 5px;
	}
	.colonneMenu.loc{ width:130px; }
	
	/* PANO --------------------------------------------------- */
	.panoAccueil{
	height: 420px;
	}
	.blocPano.pos1{ 
		background-image: url("img/pano/accueil-1-mini.webp");
	}
	.blocPano.pos2{ 
		background-image: url("img/pano/accueil-2-mini.webp");
	}
	.blocPano.pos3{ 
		background-image: url("img/pano/accueil-3-mini.webp");
	}
	.blocPano.pos4{
		background-image: url("img/pano/accueil-4-mini.webp");
	}
	
	.panoHaut{
	height: 320px;
	}
	.gauchePanoHaut.terrain{ background-image: url("img/pano/terrainGauche-mini.webp"); }
	.gauchePanoHaut.service{ background-image: url("img/pano/serviceGauche-mini.webp"); }
	.gauchePanoHaut.resident{ background-image: url("img/pano/residentGauche-mini.webp"); }
	.gauchePanoHaut.environnement{ background-image: url("img/pano/environnementGauche-mini.webp");}
	.gauchePanoHaut.aquatique{ background-image: url("img/pano/aquaGauche-mini.webp");}
	.gauchePanoHaut.loisirs{ background-image: url("img/pano/loisirGauche-mini.webp");}
	.gauchePanoHaut.animation{ background-image: url("img/pano/animationGauche-mini.webp");}
	.gauchePanoHaut.cyclable{ background-image: url("img/pano/cycleGauche-mini.webp"); }
	.gauchePanoHaut.location{ background-image: url("img/pano/locationGauche-mini.webp"); }
	.gauchePanoHaut.mlodge{	background-image: url("img/pano/mlodgeGauche-mini.webp"); }
	.gauchePanoHaut.mpmr{ background-image: url("img/pano/mpmrGauche-mini.webp"); }
	.gauchePanoHaut.mbamby{ background-image: url("img/pano/mbambyGauche-mini.webp"); }
	.gauchePanoHaut.mdetente{ background-image: url("img/pano/mdetenteGauche-mini.webp"); }
	.gauchePanoHaut.meco{ background-image: url("img/pano/mecoGauche-mini.webp"); }
	.gauchePanoHaut.mespace{ background-image: url("img/pano/mespaceGauche-mini.webp"); }
	.gauchePanoHaut.mespacen{ background-image: url("img/pano/mespacenGauche-mini.webp"); }
	.gauchePanoHaut.mfamily{ background-image: url("img/pano/mfamilyGauche-mini.webp"); }
	.gauchePanoHaut.mloggiab{ background-image: url("img/pano/mloggiabGauche-mini.webp"); }
	.gauchePanoHaut.mloggia4{ background-image: url("img/pano/mloggia4Gauche-mini.webp"); }
	.gauchePanoHaut.mloggian{ background-image: url("img/pano/mloggianGauche-mini.webp"); }
	.gauchePanoHaut.mmodulespace{ background-image: url("img/pano/mmodulespaceGauche-mini.webp"); }
	.gauchePanoHaut.moceanic{ background-image: url("img/pano/moceanicGauche-mini.webp"); }
	.gauchePanoHaut.mostrea{ background-image: url("img/pano/mostreaGauche-mini.webp"); }
	.gauchePanoHaut.msuite{ background-image: url("img/pano/msuiteGauche-mini.webp"); }
	.gauchePanoHaut.mtandem{ background-image: url("img/pano/mtandemGauche-mini-2025.webp"); }
	.gauchePanoHaut.emplacement{ background-image: url("img/pano/emplacementGauche-mini.webp"); }
	.gauchePanoHaut.region{ background-image: url("img/pano/regionGauche-mini.webp"); } 
	.gauchePanoHaut.lien{ background-image: url("img/pano/lienGauche-mini.webp"); }
	.gauchePanoHaut.document{ background-image: url("img/pano/lienGauche-mini.webp"); }
	.gauchePanoHaut.contact{ background-image: url("img/pano/contactGauche-mini.webp"); }
	.gauchePanoHaut.salle{ background-image: url("img/pano/salleGauche-mini.webp"); }
	
	.centrePanoHaut{
	width: 50%;
	}
	.droitePanoHaut{
	display: none;
	}
	
	.panoAccueil{
		height: 390px;
	}
	.zoneInfoPano{ width:calc(100% - 30px); }
	.bPlusPano{
	width: 40px;
	height: 40px;
	}
	.blocPano:hover .cadreInfoPano{
		width:calc(100% - 22px);
		height: calc(100% - 22px);
	}
	.formuResa{
	width:760px;
	}
	.decoInput{
	width: 150px;
	height: 35px;
	}
	
	/* BAS ------------------------------------------- */
	.fondPhotoCoord{
	width:250px;
	height: 250px;
	}
	.rondPhotoCoord{
	width:240px;
	height: 240px;
	}
	
	.para{ margin: 30px 0;	}
	
	/* PHOTO ------------------------------- */
	.fondphotoRondCoteAvant{
		display: none;
	}
	.photoRondCoteAvant{
		display:none;
	}
	.photoCol50{
	height: 320px;
	}
	.fdParagraphe{
		width: 50%;
		height: calc(100% - 140px);
		min-height: 350px;
		top: 140px;
	}
	
	
	/* ACCUEIL ------------------------------------------- */
	.infoNews{ width: 70%; }
	
	.rondIconeAcc{
	width: 60px;
	height: 60px;
	}
	.rondIconeAcc img{ width: 35px; }
	
	.photoCoteFond{
		width: 210px;
		height: 275px;
	}
	.photoCoteAvant{
		width: 200px;
		height: 140px;
		margin-top: -130px;
	}
	
	.blocRondRaccourci{
		width: 180px;
		height: 180px;
	}
	.txtRondRaccourci{
	width: 100%;
	height: 35px;
	left: 0;
	}
	
	.coltxtGal{
	width:calc(100% - 60px);
	}
	.zoneGalerie{
	width:95%;
	}
	.zonePub{ width:95%; }
	
	/* MH ---------------------------*/
	.blocLocation{
	width: 229px;
	height: 229px;
	}
	.coinLoc{
	border-width: 60px 60px 0 0;
	}
	.txtCoinLoc{
	width: 60px;
	transform: translate(-10px,15px) rotateZ(-45deg);
	}
	.iconeListe{ max-height: 20px; }
	.puceLocation{
	width: 55px;
	height: 55px;
	}
	.photoFicheFond{
	width: 350px;
	height: 235px;
	border: 6px solid #ffffff;
	}	
	
	/* DOC et CONTACT ---------------- */
	.blocDocument{
	width: 100px;
	height: 130px;
	}
	.rondDoc{
	width: 75px;
	height: 75px;
	}
	
}

@media (max-width: 799px){
	/*body{
		background-color: #ff0000;
	}*/
}