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

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

h2{
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;
}

}

@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;
}

.col70{
width:96%;
margin:2%;
}
.col30{
display:none;
}

#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 ------------------------------ */

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;
}

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

}