@media (max-width: 1240px) {
html,body{
/*font-size:14px;*/
}

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

.titreH1{
font-size:1.4em;
}
.titreH2{
font-size:1.5em;
}
.titreH3{
font-size: 1em;
}
	
/* ----------------------------------*/

#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;
		}
		.nomMenu{ font-size: 0.8em; }

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

}

@media (max-width: 999px) {

.off{
display:none;
}
	
#CadreSup{
width:620px;
}
	#LogoSup{
	width:130px;
	height:90px;
	margin-left:4px;
	}
	#TelTop{
		width:120px;
		height: 26px;
		font-size: 0.9em;
		top: 112px;
		left: 20px;
	}
	#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;
	}

.flex100{ flex-wrap: wrap; }
.col50{
width:96%;
margin:2%;
}
.col30{
display:none;
}
	
.ligneMEAV{ flex-wrap: wrap; font-size: 0.9em; }

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

}


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

.mobi{
display:block;
}

#BandSup,#TriangleCache{
display:none;
}

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

#CadreSup{
width:100%;
}
	#LogoSup{
	width:150px;
	height:50px;
	margin-left:0px;
	left:50%;
	transform:translateX(-50%);
	}
	#TelTop{
    width:120px;
    height: 26px;
    font-size: 0.9em;
    top: 72px;
    left: 50%;
	transform: translateX(-50%);
	}
	#BlocMenu{
	width:260px;
	height:260px;
	margin-left:0;
	left:50%;
	transform:translateX(-50%);
	margin-top:110px;
	}

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

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

.flex100.rea{ gap:5px;}
.col100{
margin-top:20px;
}
	
/* ACCUEIL --------------------------------------------------- */
.ligneReseau{ flex-wrap: wrap; }
	.ligneReseau p{ width: 100%; text-align: center; }
	
.flexAvis{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.blocAvis{
	width: 90%;
	min-height: 200px;
	margin: 0 0 20px 0;
}

/* ------------------------------------------------------------------------ */
.blocRea{
width:150px;
height:170px;
margin:4px;
position:relative;
float:left;
}
.caseRea{
width:134px;
height:120px;
}
.caseTitre{
width:134px;
height: auto;
min-height: 20px;
margin-top:0px;
margin-left: 8px;
font-size: 0.8em;
}

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

}