@media screen and (max-width: 1300px), (max-height: 750px){	
	/* GALERIE --------------- */
	.titrePage{
		height: 55px;
		font-size: 0.8em;
	}
	
	/* DETAILS -------------------------- */
	.zoneDefil{	height: calc(100% - 65px);	}
	.boutBack{ width: 35px; }
	
	/* INFO / EXPO ------------------------ */
	.visuCouv{ max-width: 45%; }
	.txtCouv{
		max-width: 50%;
		max-height: 95%;
		position: relative;
		overflow: auto;
		font-size: 0.9em;
	}
	
}

/* CSS MOBILE -------------------------------------------------
----------------------------------------------------------------*/
@media screen and (max-width: 799px) {
	
	#Debut{
	height: inherit;
	max-height: 50px;
	}
	#Debut.dropDown{
		max-height: 600px;
	}
	.bandeauPrincipal{
		flex-wrap: wrap;
	}
	.zoneNom{ width: calc(100% - 70px); font-size: 0.9em; }
	.boutMobile{
	width: 40px;
	aspect-ratio:4/3;
	/*border: 1px solid #dddddd;
	border-radius: 6px;*/
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	float: left;
	padding: 5px 0;
	margin: 0 5px;
	z-index: 3;
	}
	.boutMobile img{ max-width: 75%; height: auto; display: block; }
	.menuP{
	width: 100%;
	background-color: #ffffff;
	height:100dvh;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
	gap:5px;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	float: left;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	z-index: 5;
	transition:
		opacity 0.4s ease,
		visibility 0.4s ease;
	}
	.menuP.actif{ 
		opacity: 1;
		visibility: visible; 
	}
	.bMenu{ height: 25px; }
	.bMenu.close{ display: block; position: relative; margin-left: calc(100% - 80px); min-width: 0; height: 30px; }
	
	#Page{
	width: 100vw;
	margin-left: 0;
	top: 60px;
	}
	
	/* QUI -------------------------- */
	.blocPresent{
		flex-direction: column;
		position: relative;
		top: 0;
		left: 0;
		transform: none;
		margin-top: 10px;
	}
	.photoPresent{
		max-width: 200px;
	}
	.txtPresent{
		width:calc(100% - 40px);
		padding-bottom: 20px;
	}
	
	/* GALERIE ----------------------- */
	.pagePrincipale .titrePage{
	height: auto;
	margin-top: 15px;
	}
	
	.galerieCol {
	column-count: 1;            /* 4 colonnes */
	column-gap: 10px;           /* espace entre colonnes */
	width: 100%;
	position: relative;
	float: left;
	}
	
	.caseGalerie:hover .nomCase{
		opacity: 0;
	}

	.caseGalerie.visibleMobile .nomCase{
		opacity: 1;
	}
	
	/* DETAILS ----------------------------- */
	.zoneDefil{	height: calc(100% - 45px);	}
	
	/* ACTU --------------- */
	.galerieNews {
		grid-template-columns: repeat(2, 1fr);
		gap:5px;
	}
	.caseNews .nomCase{
	font-size: 0.8em;
	}
	
	.couvertureInfo{
	width: 100%;
	height: auto;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
	gap:10px;
	padding-top: 10px;
	float: left;
	}
	.visuCouv{
	width: 80%;
	max-width: inherit;
	height: auto;
	max-height: inherit;
	}
	.visuCouv img{
	object-fit:fill;
	max-width: 100%;
	height: auto;
	max-height:inherit;
	display: block;
	position: relative;
	}
	.txtCouv{
	width: calc(100% - 30px);
	max-width: inherit;
	max-height: auto;
	}
	.caseFlex.ligne3.nomob{ width: 100%; }
	
	.mobi{ display: block; }
	

}