@media (max-width: 1199px){
	body,html{
		/*background-color: #333333;
		font-size:16px;*/
	}
	
	/* FONT --------------------------- */
	.titreH1{
		margin: 0 0 30px 0;
		font-size:24px;
	}
	.miniH1{
		font-size: 14px;
	}

	.titreCentre{
		font-size:24px;
	}
	
	.flTxt{
	width:calc(50% - 20px);
	padding: 10px;
	}
	
	.paraSTD{
	margin-bottom: 40px;
	}
	
	/* ACCUEIL --------------------------------- */
	.chiffreCle{
		font-size: 16px;
	}
	.bigChiffre{
		font-size: 45px;
	}
	.nomLigne{
	width:calc(100% - 330px);
	}
	.nomLigne .txt{ font-size:12px; }
	.caseMosAcc{
		width:100px;
		height: 100px;
	}
	
	/* PRO : REference ----------------------- */
	.miniPhotoGal{
	width:calc(20% - 2px);
	}
	
	.caseChiffre{
	width:70px;
	height: 70px;
	font-size:40px;
	line-height: 70px;
	}
}

@media (max-width: 899px){
	body,html{
		/*background-color: #dddddd;*/
		font-size:14px;
	}
	
	.bandSup{
	width:100%;
	height:auto;
	line-height: 30px;
	}
	.bandSupG{
	width:100%;
	text-align: center;
	font-size:14px;
	}
	.bandSupD{
    width:100%;
    font-size: 16px;
    float: left;
    text-align: center;
	}
	.blocEntete{ margin-top: 5px; }
	.ssMenu{ top: 90px; }
	.colMenu{ font-size: 16px; }
	.colMenu ul li{	font-size: 14px; }
	
	.visuAcc{ height: 350px; }
	.legendePano{
	font-size: 20px;
	}
	.legendePano.c2{ 
	right: 72px;
	top: 280px;
	padding: 0 20px 0 0;
	}
	
	.visuEntete{ height:350px; }
	.titreEntete{ font-size: 24px; }
	.menuEntete{ margin-top: 280px; }
	.bMenuEntete{ min-width:90px; }
	.titreEntete.proAudio{ top: 200px; }
	.titreEntete.proService{ top: 180px; }
	
	.infoCoord div{ width: 98%; margin:0 1%; text-align: center;}
	.infoCoord div table{ display:inline-table; }
	
	.colMenu{ font-size: 16px;	}
	.colMenu ul li{ font-size: 13px; }
	.colMenu.bas ul li{ font-size:12px; }
	.bandCopyr{ font-size:12px }
	
	/* CONTENU -------------------------------- */
	.paraSTD{
	margin-bottom: 40px;
	padding: 25px 0 20px 0;
	}
	
	.flTxt{ width:calc(100% - 20px); }
	.flImg{ width:80%; padding: 0 10%; }
	
	.chiffreCle{
		font-size: 12px;
	}
	.bigChiffre{
		font-size: 38px;
	}
	
	/* ACCUEIL -------------------------------- */
	.nomLigne{ width:140px; }
	
	.photoEntete{ height: 300px; }
	.photoEntete .legendeMax{ font-size: 26px; top: 240px; }
	
}


@media (max-width: 699px){
		
	.titreEntete{ font-size: 20px; }
	
	
	/* Suppr tryptique en 1 pano */
	.visuAcc{ 
		background-image: url("img/panoAccMob.jpg");
		background-size: cover;
	}
	.photoGD, .photoC, .legendePano{ display:none; }
	.bandEnteteFin{
		position:absolute;
		bottom: 0;
	}
	
	.bMenuEntete{ margin:0 5px; padding:0 5px; }
	
	.caseEtape{	width:48%; margin-bottom: 10px; }
	.col50, .col30{ width:96%; padding:2%; margin: 0;}
	
	.zoneProjet{
	left: 0;
	transform: translateX(0);
	/*border:1px solid #000000;*/
	}
	.bigPhotoProjet{
	max-width: calc(100% - 20px);
	}
	
	
	
}