@media (max-width: 1299px){
	body,html{ 
		/*background-color: #dddddd;*/
		font-size: 14px;
	}
	
	/* TYPO -------------- */
	h1.negRed{ width:calc(100% - 40px); margin-left: 15px; }
	
	/* ------------------ */
	
	#Top{
	height:480px;
	}
	.bandeTop{
	height: 90px;
	}
	.logoP{
	width:650px;
	}
	.bandeMenu{
	top: 90px;
	}
	.drapeauTop{
	height: 100px;
	top: 30px; 
	}
	
	.videoBandeau{
	width: 390px;
	height: 220px;
	}
	
	.flexBas{
	width:calc(100% - 40px);
	margin: 20px;
	left: 0;
	transform: none;
	}
	
	.secBase{
	width:calc(100% - 20px);
	}
	
	.contenuSecBlack{
	width:calc(100% - 40px);
	}
	
	/* ACCUEIL --------------------- */
	.blocLivr{
	width:200px;
	margin: 5px 10px;
	}
	.photoLivr{
	width:188px;
	}
	.blocPartenaire{
	width:calc(100% - 40px);
	}
	
	/* KIT ----------------------- */
	.casePresentKit{
	height: 290px;
	}
	
	.photoKit50{
	width:calc(50% - 40px);
	height: inherit;
	border: 8px solid #ffffff;
	position: relative;
	float: left;
	margin: 10px;
	overflow: hidden;
	}
	.photoKit25{
	width:calc(25% - 30px);
	height: inherit;
	}
	
	/* LISTE -------------------- */
	.caseAnnonce{
	width:282px;
	}
	.photoAnnonce{
	height: 188px;
	}
	.cpCoeur{
	width:60px;
	height: 60px;
	}
	.coordListe{
	width:50%;
	float: right;
	left: inherit;
	right: 10px;
	}
	.vendu{
	transform: rotateZ(-35deg) translate(-140px, 00px);
	}
	
	/* FICHE ------------------------ */
	.prixFiche{
	width: 220px;
	}
	.caseMiniPhoto{
	width:145px;
	}
	.blocFinDroite{
	height: calc(100% - 690px);
	}
	
	/* SERVICE --------------------- */
	.blocFinance{
	width:calc(100% - 40px);
	}
	
	/* CONTACT ----------------------- */
	.galerieContact{
	width:calc(100% - 40px);
	left: 20px;
	transform: none;
	margin: 20px 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	}
	.caseContact{
	width:150px;
	height: 195px;
	background-color: #ffffff;
	position: relative;
	float: left;
	margin: 0 8px 20px 8px;
	padding: 8px;
	}
	
}

@media (max-width: 999px){
	
	#Top{
	height:400px;
	}
	.logoP{
	width:500px;
	}
	.bMenu{
	font-size: 0.9em;
	padding: 0 10px;
	}
	.colMenu{ width:150px; }
	
	.col50.annul{ width:calc(100% - 40px); }
	.col50.annul75{ width:calc(75% - 40px); }
	.retourFlex{ flex-wrap: wrap; }
	
	/* BOUTON ----------- */
	.bSuite{
	height: 30px;
	line-height: 30px;
	}
	
	/* ACCUEIL ----------- */
	.colCoeur{
	width:calc(75% - 42px);
	max-width: 600px;
	margin: 10px 0;
	left: 50%;
	transform: translateX(-50%);
	}
	.colLivr{
	width:calc(75% - 42px);
	max-width: 600px;
	margin: 10px 0;
	left: 50%;
	transform: translateX(-50%);
	}
	
	.listeArticle{
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-wrap: wrap;
		gap:10px;
		position: relative;
		float: left;
		margin: 20px 0;
	}
	.blocArticle{
	width: calc(75% - 16px);
	height: 150px;
	}
	
	.txtBlackAcc{
	width:calc(100% - 330px);
	margin-right: 30px;
	}
	.blocInfoCoord{
	width:260px;
	padding: 15px;
	}
	
	.blocMultiService{
	width:730px;
	margin: 20px 0;
	}
	.caseService.simple{ height: 230px; }
	.caseService.double{ height: 470px; }
	
	/* KIT ----------------------- */
	.casePresentKit{
	height: 220px;
	}
	
	.txtPresentKit{
	width:calc(50% - 42px);
	height: calc(100% - 42px);
	margin: 20px;
	}
	.titrePresentKit{
		font-size: 2em;
	}
	.prixPresentKit{
	margin: 10px 0;
	}
	.suitePresentKit{
	width:150px;
	padding: 6px;
	bottom:10px;
	}
	
	.flecheKit{
	width:100px;
	height: 45px;
	top: 180px;
	}
	
	/* FICHE ------------------------ */
	.prixFiche{
	width: 250px;
	padding: 15px 10px;
	margin: 20px 0 0 0;
	left: 50%;
	transform: translateX(-50%);
	}
	.zonePrix{
	padding: 15px 0px;
	}
	
	.caseMiniPhoto{
	width:110px;
	}
	
	.flexInfoDesc{
	align-items: flex-start;
		justify-content: center;
	}
	.descriptifF{
	width:calc(100% - 40px);
	margin: 0 0 20px 0;
	padding: 0 20px;
	}
	.colDroiteF{
	width:100%;
	position: relative;
	float: left;
	display: flex;
	justify-content:space-around;
	align-items: flex-start;
	}
	.blocInfoCoord{ margin: 0; }
	.blocReprise{
	width:260px;
	padding: 15px;
	margin: 0;
	}
	.blocDoc{
	width:200px;
	padding: 15px;
	margin: 0;
	}
	.blocFinDroite{
	display:none;
	}
	
	/* RESERVER --------------------- */
	.caseNum{
	width:50px;
	height:50px;
	}
	
	/* SERVICE ------------------------- */
	.txtBlackCg{
	width:calc(100% - 60px);
	margin: 0 30px 0 30px;
	}
	
}

@media (max-width: 749px){ body,html{ background-color: #ff0000; } }