@media screen and (max-width: 1599px){
	body,html{
	font-size: 16px;
	}
	
	.bandeauTop{
	height: 600px;
	}
	.triangleBandeauBas{
	width: 80px;
	height: 50px;
	}
	.triangleBandeauHaut{
	width: 80px;
	height: 50px;
	}
	.bas{
	padding-top: 50px;
	}
	.triangleBas{
	width: 80px;
	height: 50px;
	}
	
	
	.colPhoto{
	width: 400px;
	position: relative;
	float: left;
	}
	.colTxt75{
    width:calc(100% - 440px);
    margin: 0 20px;
    position: relative;
    float: left;
	}
	
	/* ACTU --------------------- */
	.colPhActu{	width:280px; }
	.infoActu{
		width: calc(100% - 300px);
	}
}


@media screen and (max-width: 1179px){
	
	.bandTop{
	height: 70px;
	}
	.zoneMenu{ gap:5px; }
	.menuP{ font-size: 1em; }
	.imgHamb{ max-height: 14px; width: auto; }
	.logoP{
	height: 50px;
	}
	.mailP{
	width: 45px;
	height: 45px;
	}
	.barreTop{
	height: 10px;
	}
	.bandeauTop{
	height: 500px;
	}
	.bMenuP{
	max-width: 120px;
	}
	.triangleBandeauBas{
	width: 60px;
	height: 35px;
	}
	.triangleBandeauHaut{
	width: 60px;
	height: 35px;
	}
	.bas{
	padding-top: 35px;
	}
	.barreBas{
	height: 10px;
	}
	.triangleBas{
	width: 60px;
	height: 35px;
	}
	.accrochePage{ font-size: 2em; }
	
	
	.colPhoto{
	width: 300px;
	position: relative;
	float: left;
	}
	.colTxt75{
    width:calc(100% - 340px);
    margin: 0 20px;
    position: relative;
    float: left;
	}
	
	
	/* ACCUEIL ------------------ */
	.sloganBandeau{
	width: calc(100% - 100px);
	font-size: 1.4em;
	}
	.caseAcc{
	width: 270px;
	margin: 40px;
	}
	
	.zonePartenaire{
	flex-wrap: wrap;
	}
	.zonePartenaire img{ max-height: 75px; width: auto; }
	
	/* CASIER -------------------- */
	.motMEA{
	min-width: 100px;
	margin: 0 10px;
	}
	.motMEAfd{
	min-width: 200px;
	}
	
	/* AGENCEMENT -------------------- */ 
	.caseGalerie{
	width: 200px;
	height: 200px;
	}
	
	/* ACTU --------------------- */
	.colPhActu{	width:100%; }
	.infoActu{
		width: 100%;
	}
	
}


/* SMARTPHONE & TABLETTE ------------------------------ */
@media screen and (max-width: 899px){
	body,html{
	font-size: 14px;
	}
	
	.bandTop{
	height: 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	}
	.zoneMenu{ display: none; }
	.menuMob{
		display: block;
		position: relative;
		float: left;
		margin-right: 10px;
	}
	.menuP{
	width: 60px;
	position: relative;
	float: left;
	}
	.logoP{
	width: 100px;
	height: 45px;
	position: relative;
	float: left;
	top: 0;
	left: 0;
	margin-right: 10px;
	transform: translate(0, 0);
	}
	.ssMenu{
	width: 210px;
	left: calc(100% - 210px);
	}
	
	.bandeauTop{ height: 350px;	}
	.bandeauTop.acc{ height: inherit; }
	.demiBandeauTop{
	width: 100%;
	height: 240px;
	}
	.tierBandeauTop{
	width: 100%;
	height: 240px;
	}
	.tierBandeauTop.accG{ background-image: url("img/fond-accG-mini.webp"); }
	.tierBandeauTop.accC{ background-image: url("img/fond-accC-mini.webp"); }
	.tierBandeauTop.accD{ background-image: url("img/fond-accD-mini.webp"); }
	.demiBandeauTop.ctG{ background-image: url("img/fond-ctG-mini.webp"); }
	.demiBandeauTop.ctD{ background-image: url("img/fond-ctD-mini.webp"); }
	.fullBandeauTop.casier{ background-image: url("img/fond-casier-mini.webp"); }
	.fullBandeauTop.agence{ background-image: url("img/fond-amenag-mini.webp"); }
	.fullBandeauTop.actu{ background-image: url("img/fond-actu-mini.webp"); }
	
	
	.flexBasPage{ flex-wrap: wrap; justify-content: center; }
	.colBas200{
	width: calc(100% - 20px);
	max-width: 320px;
	text-align: center;
	margin: 20px 10px;
	}
	.colBas200.droite{
	text-align: center;
	}
	.colBasCentre{
		width: 100%;
		order: -1;
	}
	
	.ligneFlex{ flex-wrap: wrap; }
	.ligneFlex.start{ justify-content: center; }
	
	.colPhoto{
	width: calc(100% - 40px);
	max-width: 300px;
	clear: both;
		order:-1;
	}
	.colTxt75{
	width:calc(100% - 40px);
	clear: both;
	}
	.col50{
	width:calc(100% - 40px);
	position: relative;
	float: left;
	}
	
	.paraDeco{ flex-wrap: wrap; }
	.paraDecoG{
	width: 50px;
	height: 70px;
	}
	.paraDecoD{ 
	width: 50px;
	height: 70px;
	margin-left: calc(100% - 50px);
	}
	.contenuDeco{ 
	width:calc(100% - 40px);
	margin: 0 20px;
	}
	
	/* BOUTON ---------------------- */
	.bSavoir{
	width: 140px;
	}
	
	/* ACCUEIL ----------------------- */
	.sloganBandeau{
	width: 200px;
	font-size:1.2em;
	height: auto;
	animation: none;
	opacity: 1;
	left: 0;
	bottom:0;
	position: relative;
	top: 50%;
	transform: translate(10px,-50%);
	margin: 0;
	padding: 5px 10px;
	}
	.sloganBandeau.deux{ 
	left: 100%;
	transform: translate(calc(-100% - 10px),-50%);
	}
	
	.listeAcc li{
	font-size: 1.6em;
	}
	.caseAcc{
		width: 30%;
		margin: 0 1%;
	}
	.ligneNumAcc{
	font-size: 2em;
	}
	.infoNumAcc{
	font-size: 1em;
	}
	
	/* CASIER ----------------------------- */
	.ligneFlex.btw{ justify-content: center; }
	.motMEA{ margin: 10px 20px; }
	.motMEAfd{ min-width: 100px; margin: 10px 20px; }
	
	/* AGENCEMENT -------------------- */ 
	.caseGalerie{
	width: 150px;
	height: 150px;
	}
	
	/* ACTUALITE V2 -------------------------- */
	.colPhActu{
	width:50%;
	position: relative;
	}
	
	.groupeLigneActu{
		grid-template-columns: 1fr;
	}
	.ligneActuv2{
		width: calc(100% - 20px);
	}
	.infoActu{
		width: calc(50% - 20px);
		display: flex;
		flex-direction: column;
		gap:10px;
		position: relative;
	}
	
}