@media (max-width:1281px){
	html,body{
	font-size: 16px;
	}
	
	.hautPage{
	gap:20px;
	}
	.cadreLogoTop{
	max-width: 520px;
	}
	
	.bandSupSoc{
	height: 110px;
	}
	.txtSoc{
	max-height: calc(100% - 190px);
	/*top: 180px;*/
	}
	
	.caseEnt{
	width: 250px;
	height: 305px;
	}
}

@media (max-width:1081px){
	html,body{
	font-size: 14px;
	}
	
	.cadreLogoTop{
	max-width: 450px;
	}
	.reseauTop{
	width: 100px;
	}
	
	.infoSoc{
	height: auto;
	max-height: inherit;
	flex-wrap: wrap;
	}
	.colMenu{
	width: 208px;
	padding: 20px 10px;
	}
	.ligneMenu.fin{
	width: 100%;
	position: relative;
	float: left;
	margin-top: 40px;
	bottom: 0;
	}
	.detailSoc{
	width: calc(100% - 230px);
	height: 100%;
	overflow: auto;
	}
	.bandSupSoc{
	width: calc(100% - 40px);
	justify-content: center;
	align-items: center;
	height: auto;
	flex-wrap: wrap;
	}
	.logoSoc{ max-width: 250px; height: auto; }
	.logoSoc img{
		max-width: 100%;
		height: auto;
	}
	.accrocheSoc{
		width: auto;
		min-width:250px;
	}
	.txtSoc{
	/*width:calc(100% - 60px);*/
	max-height: inherit;
	/*position: relative;
	float: left;
	left: 50%;
	transform: translateX(-50%);
	top: inherit;
	margin-top: 10px;*/
	}
	.bAccesMenu{ margin-bottom: 40px; }
	.coordSoc{
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	margin-left: 0;
	border-top: 1px solid #ffffff;
	padding: 5px 0;
	}
	
	.panoPole{
	height: 400px;
	}
	.txtPole{
	padding: 10px;
	}
	.titrePole{
	font-size: 3em;
	padding: 0 20px;
	}
	
}

@media (max-height:700px){
	html,body{
	font-size: 16px;
	}
	
	.cadreLogoTop{
	max-width: 420px;
	height: 150px;
	}
	.reseauTop{
	width: 100px;
	}
	.reseauTop img{ max-width: 35px; height: auto; }
	
	.infoSoc{
	width: calc(100% - 40px);
	max-width: 1250px;
	height: calc(100vh - 220px);
	max-height: inherit;
	flex-wrap: wrap;
	}
}

/* MOBILE ------------------------------- */
@media (max-width:600px){
	
	.noMobi{ display: none; }
	
	.cadreLogoTop{
	max-width: calc(100% - 100px);
	}
	.reseauTop{ width: 70px; }
	.reseauTop img{ max-width: 30px; height: auto; }
	
	.menuMobi{
		width: 100%;
		height: 30px;
		color: #ffffff;
		display: flex;
		justify-content: center;
		align-items: center;
		position:relative;
		float: left;
	}
	.menuMobi.fdRose{ background-color: #af0162; }
	.menuMobi.fdBleu{ background-color: #0e72b5; }
	.menuMobi.fdRouge{ background-color: #bf1428; }
	.menuMobi.fdVert{ background-color: #6ec1a3; }
	
	.colMenu{ 
		width: calc(100% - 60px);
		position: absolute;
		height: 0; 
		padding: 0 30px; 
		overflow: hidden;
		top: 30px;
		left: 0;
		z-index: 2;
		transition:0.3s all;
	}
	.colMenu.affiche{ height: calc(100% - 30px); } 
	.detailSoc{
		width: 100%;
	}
	
	.panoPole{
	height: auto;
	}
	.txtPole{
	width: calc(100% - 40px);
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	background-color: rgba(0,0,0,0.4);
	position: relative;
	float: left;
	top: 0;
	transform: inherit;
	padding: 20px;
	}
	
	.zoneEnt{
	width: calc(100% - 20px);
	}
	.titreLotEnt{
	font-size: 2em;
	line-height: 1.2em;
	}
	.flexEnt{
	gap:10px;
	margin: 20px 0;
	}
	.caseEnt{
	width: 170px;
	height: 205px;
	box-shadow: 0 0 5px #000000;
	overflow: hidden;
	}
	.caseEnt:hover .survolEnt{ height: 0; }
	.logoEnt .iMH{ max-height: 100px; width: auto; }
	
}