@media (max-width: 1240px) {
html,body{
font-size:12px;
background-image:url(img/fond/pano-acc-moy.jpg);
}

/* Typo ------------------------------ */

.titreh2{
font-size:16px;
}
.legende{
font-size:10px;
}

/* ----------------------------------*/

#CadreSup{
width:990px;
}
	#BandSup{
	width:700px;
	height:245px;
	margin-left:10px;
	}
		#TriangleCache{
		border-width: 0 0 245px 160px;
		}
	#BlocMenu{
	width:260px;
	height:260px;
	margin-left:14px;
	margin-top:24px;
	}
		.caseMenu{
		width:122px;
		height:122px;
		}
		.cadreInfo{
		width:98px;
		height:98px;
		}
		.visuMenu{
		height:80px;
		}

#Page{
width:970px;
}
#ZoneCopyr{
width:990px;
}

.blocMEA{
width:180px;
height:35px;
font-size:12px;
}
	
.blocRea{
width:calc(100% / 6.5);
height:inherit;
aspect-ratio:9/10;
margin:4px;
}
.caseRea{ height:110px; }
}

@media (max-width: 999px) {

#CadreSup{
width:620px;
}
	#LogoSup{
	width:150px;
	height:50px;
	margin-left:4px;
	}
	#BandSup{
	width:600px;
	height:210px;
	margin-left:10px;
	}
	#TriangleCache{
	border-width: 0 0 210px 140px;
	}
	#BlocMenu{
	width:510px;
	height:120px;
	margin-left:50px;
	margin-top:5px;
	}
	
#Page{
width:600px;
}
#ZoneCopyr{
width:600px;
}
	#BackZoneBas{
	display:none;
	}
	#BlocCopyr{
	width:580px;
	margin:0;
	}
	#BlocReseau{
	height:20px;
	margin-right:240px;
	margin-top:2px;
	}

.blocMEA{
width:90%;
height:35px;
font-size:12px;
}

.flex100{ flex-wrap: wrap; }
.col70{
width:96%;
margin:2%;
}
.col30{
width:96%;
margin:2%;
}

#TriangleHD{
border-width: 0px 20px 20px 0;
}
#TriangleBG{
border-width: 20px 0 0px 20px;
}

/* Produits -------------------------------- */
.blocProd{
height:240px;
}
.prodGauche{
width:184px;
}
	.prodPhotoMini{
	margin:4px 0px 4px 4px;
	}
.prodDroite{
width:calc(100% - 212px);
height:240px;
margin-left:10px;
}

/* ---------------------------------------- */
	
.blocRea{
width: calc(100% / 3.5);
margin:2px;
}
.caseRea{ height:inherit; aspect-ratio:5/4; }

}


/* MOBILE -------------------------------------------- */
@media (max-width: 639px) {

body,html{
background-image:url(img/fond/pano-acc-mini.jpg);
	background-repeat: repeat-y;
}
	
.mobi{
display:block;
}

#BandSup,#TriangleCache{
display:none;
}

/* Typo ------------------------------ */

h1{
font-size:14px;
}

/* ------------------------------- */

#CadreSup{
width:100%;
}
	#LogoSup{
	width:150px;
	height:50px;
	margin-left:0px;
	left:50%;
	transform:translateX(-50%);
	}
	#BlocMenu{
	width:260px;
	height:260px;
	margin-left:0;
	left:50%;
	transform:translateX(-50%);
	margin-top:80px;
	}

#Page{
width:90%;
margin-left:0%;
}
#ZoneCopyr{
width:90%;
height:auto;
margin-left:0%;
}
	#BlocCopyr{
	width:90%;
	text-align:center;
	font-size:10px;
	height:auto;
	margin:0;
	}
		#BlocCopyr p{
		position:relative;
		top:0;
		transform:translateY(0);
		}
	#BlocReseau{
	width:100px;
	height:20px;
	margin-right:0;
	right:50%;
	transform:translateX(50%);
	margin-top:2px;
	}

#Legal{
width:90%;
height:90%;
font-size:11px;
}

.col50{
width:96%;
}
.col100{
margin-top:20px;
}

/* Tarifs & tableau ------------------------------------------------------- */

.enteteTab .big{
font-size:16px;
}

.infoTab{
width:60%;
height:auto;
}
.prixTab{
width:40%;
height:auto;
font-size:12px;
}

/* ------------------------------------------------------------------------ */

/* Produits -------------------------------- */
.blocProd{
height:100%;
height:auto;
}
.prodGauche{
width:100%;
}
	.prodPhotoP{
	width:144px;
	height:121px;
	}
	.prodPhotoMini{
	width:67px;
	height:54px;
	margin:0px 0px 4px 4px;
	}
.prodDroite{
width:calc(100% - 10px);
height:240px;
margin-left:0px;
}

/* ---------------------------------------- */

}