:root {

	--base-font-size-background:12;
	--base-w-background: 840;
	--base-h-background: 680;

	--base-w-pelouse: 610;
	--base-h-pelouse: 95;
	--base-t-pelouse:0;
	--base-l-pelouse: 110;

	--base-w-jardin: 610;
	--base-h-jardin: 164;
	--base-t-jardin:426;
	--base-l-jardin: 110;

	--base-w-buvette: 70;
	--base-h-buvette: 240;
	--base-t-buvette:130;
	--base-l-buvette: 20;

	--base-w-scene: 100;
	--base-h-scene: 55;
	--base-t-scene:535;
	--base-l-scene: 725;

	--base-w-limite-pelouse: 340;
	--base-h-limite-pelouse: 2;
	--base-t-limite-pelouse:95;
	--base-l-limite-pelouse: 110;

	--base-w-limite-jardin: 610;
	--base-h-limite-jardin: 2;
	--base-t-limite-jardin:425;
	--base-l-limite-jardin: 110;

	--base-w-restaurant: 25;
	--base-h-restaurant: 275;
	--base-t-restaurant:125;
	--base-l-restaurant: 815;

	--base-w-lampadaire: 15;
	--base-h-lampadaire: 15;
	--base-t-lampadaire:400;
	--base-l-lampadaire: 680;

	--base-w-arbre: 15;
	--base-h-arbre: 15;

	--base-t-ligne-1-arbre:155;
	--base-t-ligne-2-arbre:235;
	--base-t-ligne-3-arbre:315;
	--base-t-ligne-4-arbre:400;

	--base-l-col-1-arbre:145;
	--base-l-col-2-arbre:230;
	--base-l-col-3-arbre:317;
	--base-l-col-4-arbre:397;
	--base-l-col-5-arbre:472;
	--base-l-col-6-arbre:554;
	--base-l-col-7-arbre:640;
	--base-l-col-8-arbre:722;

	--base-w-stand: 30;
	--base-h-stand: 30;
	--base-w-stand-legende: 80;
	--base-h-stand-legende: 30;

	--base-t-ligne-1-stand:55;
	--base-t-ligne-2-stand:145;
	--base-t-ligne-3-stand:210;
	--base-t-ligne-4-stand:240;
	--base-t-ligne-5-stand:305;
	--base-t-ligne-6-stand:610;
	--base-t-ligne-7-stand:630;

	--base-l-col-1-stand:165;
	--base-l-col-2-stand:195;
	--base-l-col-3-stand:250;
	--base-l-col-4-stand:280;
	--base-l-col-5-stand:335;
	--base-l-col-6-stand:365;
	--base-l-col-7-stand:410;
	--base-l-col-8-stand:440;
	--base-l-col-9-stand:575;
	--base-l-col-10-stand:605;
	--base-l-col-11-stand:660;
	--base-l-col-12-stand:690;

}

@media screen and (max-width: 576px) {
	:root {
		--w-background:300px;
		--h-background:calc(var(--base-h-background) * 300px / var(--base-w-background));
		--font-size-background:6px;

		--w-pelouse: calc(var(--base-w-pelouse) * 300px / var(--base-w-background));
		--h-pelouse: calc(var(--base-h-pelouse) * 300px / var(--base-w-background));
		--t-pelouse: calc(var(--base-t-pelouse) * 300px / var(--base-w-background));
		--l-pelouse: calc(var(--base-l-pelouse) * 300px / var(--base-w-background));

		--w-jardin: calc(var(--base-w-jardin) * 300px / var(--base-w-background));
		--h-jardin: calc(var(--base-h-jardin) * 300px / var(--base-w-background));
		--t-jardin: calc(var(--base-t-jardin) * 300px / var(--base-w-background));
		--l-jardin: calc(var(--base-l-jardin) * 300px / var(--base-w-background));

		--w-buvette: calc(var(--base-w-buvette) * 300px / var(--base-w-background));
		--h-buvette: calc(var(--base-h-buvette) * 300px / var(--base-w-background));
		--t-buvette: calc(var(--base-t-buvette) * 300px / var(--base-w-background));
		--l-buvette: calc(var(--base-l-buvette) * 300px / var(--base-w-background));

		--w-scene: calc(var(--base-w-scene) * 300px / var(--base-w-background));
		--h-scene: calc(var(--base-h-scene) * 300px / var(--base-w-background));
		--t-scene: calc(var(--base-t-scene) * 300px / var(--base-w-background));
		--l-scene: calc(var(--base-l-scene) * 300px / var(--base-w-background));

		--w-limite-pelouse: calc(var(--base-w-limite-pelouse) * 300px / var(--base-w-background));
		--h-limite-pelouse: calc(var(--base-h-limite-pelouse) * 300px / var(--base-w-background));
		--t-limite-pelouse: calc(var(--base-t-limite-pelouse) * 300px / var(--base-w-background));
		--l-limite-pelouse: calc(var(--base-l-limite-pelouse) * 300px / var(--base-w-background));

		--w-limite-jardin: calc(var(--base-w-limite-jardin) * 300px / var(--base-w-background));
		--h-limite-jardin: calc(var(--base-h-limite-jardin) * 300px / var(--base-w-background));
		--t-limite-jardin: calc(var(--base-t-limite-jardin) * 300px / var(--base-w-background));
		--l-limite-jardin: calc(var(--base-l-limite-jardin) * 300px / var(--base-w-background));

		--w-restaurant: calc(var(--base-w-restaurant) * 300px / var(--base-w-background));
		--h-restaurant: calc(var(--base-h-restaurant) * 300px / var(--base-w-background));
		--t-restaurant: calc(var(--base-t-restaurant) * 300px / var(--base-w-background));
		--l-restaurant: calc(var(--base-l-restaurant) * 300px / var(--base-w-background));

		--w-lampadaire: calc(var(--base-w-lampadaire) * 300px / var(--base-w-background));
		--h-lampadaire: calc(var(--base-h-lampadaire) * 300px / var(--base-w-background));
		--t-lampadaire: calc(var(--base-t-lampadaire) * 300px / var(--base-w-background));
		--l-lampadaire: calc(var(--base-l-lampadaire) * 300px / var(--base-w-background));

		--w-arbre: calc(var(--base-w-arbre) * 300px / var(--base-w-background));
		--h-arbre: calc(var(--base-h-arbre) * 300px / var(--base-w-background));

		--t-ligne-1-arbre: calc(var(--base-t-ligne-1-arbre) * 300px / var(--base-w-background));
		--t-ligne-2-arbre: calc(var(--base-t-ligne-2-arbre) * 300px / var(--base-w-background));
		--t-ligne-3-arbre: calc(var(--base-t-ligne-3-arbre) * 300px / var(--base-w-background));
		--t-ligne-4-arbre: calc(var(--base-t-ligne-4-arbre) * 300px / var(--base-w-background));

		--l-col-1-arbre: calc(var(--base-l-col-1-arbre) * 300px / var(--base-w-background));
		--l-col-2-arbre: calc(var(--base-l-col-2-arbre) * 300px / var(--base-w-background));
		--l-col-3-arbre: calc(var(--base-l-col-3-arbre) * 300px / var(--base-w-background));
		--l-col-4-arbre: calc(var(--base-l-col-4-arbre) * 300px / var(--base-w-background));
		--l-col-5-arbre: calc(var(--base-l-col-5-arbre) * 300px / var(--base-w-background));
		--l-col-6-arbre: calc(var(--base-l-col-6-arbre) * 300px / var(--base-w-background));
		--l-col-7-arbre: calc(var(--base-l-col-7-arbre) * 300px / var(--base-w-background));
		--l-col-8-arbre: calc(var(--base-l-col-8-arbre) * 300px / var(--base-w-background));

		--w-stand: calc(var(--base-w-stand) * 300px / var(--base-w-background));
		--h-stand: calc(var(--base-h-stand) * 300px / var(--base-w-background));

		--w-stand-legende: calc(var(--base-w-stand-legende) * 300px / var(--base-w-background));
		--h-stand-legende: calc(var(--base-h-stand-legende) * 300px / var(--base-w-background));

		--t-ligne-1-stand: calc(var(--base-t-ligne-1-stand) * 300px / var(--base-w-background));
		--t-ligne-2-stand: calc(var(--base-t-ligne-2-stand) * 300px / var(--base-w-background));
		--t-ligne-3-stand: calc(var(--base-t-ligne-3-stand) * 300px / var(--base-w-background));
		--t-ligne-4-stand: calc(var(--base-t-ligne-4-stand) * 300px / var(--base-w-background));
		--t-ligne-5-stand: calc(var(--base-t-ligne-5-stand) * 300px / var(--base-w-background));
		--t-ligne-6-stand: calc(var(--base-t-ligne-6-stand) * 300px / var(--base-w-background));
		--t-ligne-7-stand: calc(var(--base-t-ligne-7-stand) * 300px / var(--base-w-background));

		--l-col-1-stand: calc(var(--base-l-col-1-stand) * 300px / var(--base-w-background));
		--l-col-2-stand: calc(var(--base-l-col-2-stand) * 300px / var(--base-w-background));
		--l-col-3-stand: calc(var(--base-l-col-3-stand) * 300px / var(--base-w-background));
		--l-col-4-stand: calc(var(--base-l-col-4-stand) * 300px / var(--base-w-background));
		--l-col-5-stand: calc(var(--base-l-col-5-stand) * 300px / var(--base-w-background));
		--l-col-6-stand: calc(var(--base-l-col-6-stand) * 300px / var(--base-w-background));
		--l-col-7-stand: calc(var(--base-l-col-7-stand) * 300px / var(--base-w-background));
		--l-col-8-stand: calc(var(--base-l-col-8-stand) * 300px / var(--base-w-background));
		--l-col-9-stand: calc(var(--base-l-col-9-stand) * 300px / var(--base-w-background));
		--l-col-10-stand: calc(var(--base-l-col-10-stand) * 300px / var(--base-w-background));
		--l-col-11-stand: calc(var(--base-l-col-11-stand) * 300px / var(--base-w-background));
		--l-col-12-stand: calc(var(--base-l-col-12-stand) * 300px / var(--base-w-background));
	}
}

@media screen and (min-width: 576px) and (max-width: 768px) {
	:root {
		--w-background:576px;
		--h-background:calc(var(--base-h-background) * 576px / var(--base-w-background));
		--font-size-background:calc(var(--base-font-size-background) * 576px / var(--base-w-background));

		--w-pelouse: calc(var(--base-w-pelouse) * 576px / var(--base-w-background));
		--h-pelouse: calc(var(--base-h-pelouse) * 576px / var(--base-w-background));
		--t-pelouse: calc(var(--base-t-pelouse) * 576px / var(--base-w-background));
		--l-pelouse: calc(var(--base-l-pelouse) * 576px / var(--base-w-background));

		--w-jardin: calc(var(--base-w-jardin) * 576px / var(--base-w-background));
		--h-jardin: calc(var(--base-h-jardin) * 576px / var(--base-w-background));
		--t-jardin: calc(var(--base-t-jardin) * 576px / var(--base-w-background));
		--l-jardin: calc(var(--base-l-jardin) * 576px / var(--base-w-background));

		--w-buvette: calc(var(--base-w-buvette) * 576px / var(--base-w-background));
		--h-buvette: calc(var(--base-h-buvette) * 576px / var(--base-w-background));
		--t-buvette: calc(var(--base-t-buvette) * 576px / var(--base-w-background));
		--l-buvette: calc(var(--base-l-buvette) * 576px / var(--base-w-background));

		--w-scene: calc(var(--base-w-scene) * 576px / var(--base-w-background));
		--h-scene: calc(var(--base-h-scene) * 576px / var(--base-w-background));
		--t-scene: calc(var(--base-t-scene) * 576px / var(--base-w-background));
		--l-scene: calc(var(--base-l-scene) * 576px / var(--base-w-background));

		--w-limite-pelouse: calc(var(--base-w-limite-pelouse) * 576px / var(--base-w-background));
		--h-limite-pelouse: calc(var(--base-h-limite-pelouse) * 576px / var(--base-w-background));
		--t-limite-pelouse: calc(var(--base-t-limite-pelouse) * 576px / var(--base-w-background));
		--l-limite-pelouse: calc(var(--base-l-limite-pelouse) * 576px / var(--base-w-background));

		--w-limite-jardin: calc(var(--base-w-limite-jardin) * 576px / var(--base-w-background));
		--h-limite-jardin: calc(var(--base-h-limite-jardin) * 576px / var(--base-w-background));
		--t-limite-jardin: calc(var(--base-t-limite-jardin) * 576px / var(--base-w-background));
		--l-limite-jardin: calc(var(--base-l-limite-jardin) * 576px / var(--base-w-background));

		--w-restaurant: calc(var(--base-w-restaurant) * 576px / var(--base-w-background));
		--h-restaurant: calc(var(--base-h-restaurant) * 576px / var(--base-w-background));
		--t-restaurant: calc(var(--base-t-restaurant) * 576px / var(--base-w-background));
		--l-restaurant: calc(var(--base-l-restaurant) * 576px / var(--base-w-background));

		--w-lampadaire: calc(var(--base-w-lampadaire) * 576px / var(--base-w-background));
		--h-lampadaire: calc(var(--base-h-lampadaire) * 576px / var(--base-w-background));
		--t-lampadaire: calc(var(--base-t-lampadaire) * 576px / var(--base-w-background));
		--l-lampadaire: calc(var(--base-l-lampadaire) * 576px / var(--base-w-background));

		--w-arbre: calc(var(--base-w-arbre) * 576px / var(--base-w-background));
		--h-arbre: calc(var(--base-h-arbre) * 576px / var(--base-w-background));

		--t-ligne-1-arbre: calc(var(--base-t-ligne-1-arbre) * 576px / var(--base-w-background));
		--t-ligne-2-arbre: calc(var(--base-t-ligne-2-arbre) * 576px / var(--base-w-background));
		--t-ligne-3-arbre: calc(var(--base-t-ligne-3-arbre) * 576px / var(--base-w-background));
		--t-ligne-4-arbre: calc(var(--base-t-ligne-4-arbre) * 576px / var(--base-w-background));

		--l-col-1-arbre: calc(var(--base-l-col-1-arbre) * 576px / var(--base-w-background));
		--l-col-2-arbre: calc(var(--base-l-col-2-arbre) * 576px / var(--base-w-background));
		--l-col-3-arbre: calc(var(--base-l-col-3-arbre) * 576px / var(--base-w-background));
		--l-col-4-arbre: calc(var(--base-l-col-4-arbre) * 576px / var(--base-w-background));
		--l-col-5-arbre: calc(var(--base-l-col-5-arbre) * 576px / var(--base-w-background));
		--l-col-6-arbre: calc(var(--base-l-col-6-arbre) * 576px / var(--base-w-background));
		--l-col-7-arbre: calc(var(--base-l-col-7-arbre) * 576px / var(--base-w-background));
		--l-col-8-arbre: calc(var(--base-l-col-8-arbre) * 576px / var(--base-w-background));

		--w-stand: calc(var(--base-w-stand) * 576px / var(--base-w-background));
		--h-stand: calc(var(--base-h-stand) * 576px / var(--base-w-background));

		--w-stand-legende: calc(var(--base-w-stand-legende) * 576px / var(--base-w-background));
		--h-stand-legende: calc(var(--base-h-stand-legende) * 576px / var(--base-w-background));

		--t-ligne-1-stand: calc(var(--base-t-ligne-1-stand) * 576px / var(--base-w-background));
		--t-ligne-2-stand: calc(var(--base-t-ligne-2-stand) * 576px / var(--base-w-background));
		--t-ligne-3-stand: calc(var(--base-t-ligne-3-stand) * 576px / var(--base-w-background));
		--t-ligne-4-stand: calc(var(--base-t-ligne-4-stand) * 576px / var(--base-w-background));
		--t-ligne-5-stand: calc(var(--base-t-ligne-5-stand) * 576px / var(--base-w-background));
		--t-ligne-6-stand: calc(var(--base-t-ligne-6-stand) * 576px / var(--base-w-background));
		--t-ligne-7-stand: calc(var(--base-t-ligne-7-stand) * 576px / var(--base-w-background));

		--l-col-1-stand: calc(var(--base-l-col-1-stand) * 576px / var(--base-w-background));
		--l-col-2-stand: calc(var(--base-l-col-2-stand) * 576px / var(--base-w-background));
		--l-col-3-stand: calc(var(--base-l-col-3-stand) * 576px / var(--base-w-background));
		--l-col-4-stand: calc(var(--base-l-col-4-stand) * 576px / var(--base-w-background));
		--l-col-5-stand: calc(var(--base-l-col-5-stand) * 576px / var(--base-w-background));
		--l-col-6-stand: calc(var(--base-l-col-6-stand) * 576px / var(--base-w-background));
		--l-col-7-stand: calc(var(--base-l-col-7-stand) * 576px / var(--base-w-background));
		--l-col-8-stand: calc(var(--base-l-col-8-stand) * 576px / var(--base-w-background));
		--l-col-9-stand: calc(var(--base-l-col-9-stand) * 576px / var(--base-w-background));
		--l-col-10-stand: calc(var(--base-l-col-10-stand) * 576px / var(--base-w-background));
		--l-col-11-stand: calc(var(--base-l-col-11-stand) * 576px / var(--base-w-background));
		--l-col-12-stand: calc(var(--base-l-col-12-stand) * 576px / var(--base-w-background));
	}
}

@media screen and (min-width: 768px) and (max-width: 840px) {
	:root {
		
		--w-background:768px;
		--h-background:calc(var(--base-h-background) * 768px / var(--base-w-background));
		--font-size-background:calc(var(--base-font-size-background) * 768px / var(--base-w-background));

		--h-background:calc(var(--base-h-background) * 768px / var(--base-w-background));

		--w-pelouse: calc(var(--base-w-pelouse) * 768px / var(--base-w-background));
		--h-pelouse: calc(var(--base-h-pelouse) * 768px / var(--base-w-background));
		--t-pelouse: calc(var(--base-t-pelouse) * 768px / var(--base-w-background));
		--l-pelouse: calc(var(--base-l-pelouse) * 768px / var(--base-w-background));

		--w-jardin: calc(var(--base-w-jardin) * 768px / var(--base-w-background));
		--h-jardin: calc(var(--base-h-jardin) * 768px / var(--base-w-background));
		--t-jardin: calc(var(--base-t-jardin) * 768px / var(--base-w-background));
		--l-jardin: calc(var(--base-l-jardin) * 768px / var(--base-w-background));

		--w-buvette: calc(var(--base-w-buvette) * 768px / var(--base-w-background));
		--h-buvette: calc(var(--base-h-buvette) * 768px / var(--base-w-background));
		--t-buvette: calc(var(--base-t-buvette) * 768px / var(--base-w-background));
		--l-buvette: calc(var(--base-l-buvette) * 768px / var(--base-w-background));

		--w-scene: calc(var(--base-w-scene) * 768px / var(--base-w-background));
		--h-scene: calc(var(--base-h-scene) * 768px / var(--base-w-background));
		--t-scene: calc(var(--base-t-scene) * 768px / var(--base-w-background));
		--l-scene: calc(var(--base-l-scene) * 768px / var(--base-w-background));

		--w-limite-pelouse: calc(var(--base-w-limite-pelouse) * 768px / var(--base-w-background));
		--h-limite-pelouse: calc(var(--base-h-limite-pelouse) * 768px / var(--base-w-background));
		--t-limite-pelouse: calc(var(--base-t-limite-pelouse) * 768px / var(--base-w-background));
		--l-limite-pelouse: calc(var(--base-l-limite-pelouse) * 768px / var(--base-w-background));

		--w-limite-jardin: calc(var(--base-w-limite-jardin) * 768px / var(--base-w-background));
		--h-limite-jardin: calc(var(--base-h-limite-jardin) * 768px / var(--base-w-background));
		--t-limite-jardin: calc(var(--base-t-limite-jardin) * 768px / var(--base-w-background));
		--l-limite-jardin: calc(var(--base-l-limite-jardin) * 768px / var(--base-w-background));

		--w-restaurant: calc(var(--base-w-restaurant) * 768px / var(--base-w-background));
		--h-restaurant: calc(var(--base-h-restaurant) * 768px / var(--base-w-background));
		--t-restaurant: calc(var(--base-t-restaurant) * 768px / var(--base-w-background));
		--l-restaurant: calc(var(--base-l-restaurant) * 768px / var(--base-w-background));

		--w-lampadaire: calc(var(--base-w-lampadaire) * 768px / var(--base-w-background));
		--h-lampadaire: calc(var(--base-h-lampadaire) * 768px / var(--base-w-background));
		--t-lampadaire: calc(var(--base-t-lampadaire) * 768px / var(--base-w-background));
		--l-lampadaire: calc(var(--base-l-lampadaire) * 768px / var(--base-w-background));

		--w-arbre: calc(var(--base-w-arbre) * 768px / var(--base-w-background));
		--h-arbre: calc(var(--base-h-arbre) * 768px / var(--base-w-background));

		--t-ligne-1-arbre: calc(var(--base-t-ligne-1-arbre) * 768px / var(--base-w-background));
		--t-ligne-2-arbre: calc(var(--base-t-ligne-2-arbre) * 768px / var(--base-w-background));
		--t-ligne-3-arbre: calc(var(--base-t-ligne-3-arbre) * 768px / var(--base-w-background));
		--t-ligne-4-arbre: calc(var(--base-t-ligne-4-arbre) * 768px / var(--base-w-background));

		--l-col-1-arbre: calc(var(--base-l-col-1-arbre) * 768px / var(--base-w-background));
		--l-col-2-arbre: calc(var(--base-l-col-2-arbre) * 768px / var(--base-w-background));
		--l-col-3-arbre: calc(var(--base-l-col-3-arbre) * 768px / var(--base-w-background));
		--l-col-4-arbre: calc(var(--base-l-col-4-arbre) * 768px / var(--base-w-background));
		--l-col-5-arbre: calc(var(--base-l-col-5-arbre) * 768px / var(--base-w-background));
		--l-col-6-arbre: calc(var(--base-l-col-6-arbre) * 768px / var(--base-w-background));
		--l-col-7-arbre: calc(var(--base-l-col-7-arbre) * 768px / var(--base-w-background));
		--l-col-8-arbre: calc(var(--base-l-col-8-arbre) * 768px / var(--base-w-background));

		--w-stand: calc(var(--base-w-stand) * 768px / var(--base-w-background));
		--h-stand: calc(var(--base-h-stand) * 768px / var(--base-w-background));

		--w-stand-legende: calc(var(--base-w-stand-legende) * 768px / var(--base-w-background));
		--h-stand-legende: calc(var(--base-h-stand-legende) * 768px / var(--base-w-background));

		--t-ligne-1-stand: calc(var(--base-t-ligne-1-stand) * 768px / var(--base-w-background));
		--t-ligne-2-stand: calc(var(--base-t-ligne-2-stand) * 768px / var(--base-w-background));
		--t-ligne-3-stand: calc(var(--base-t-ligne-3-stand) * 768px / var(--base-w-background));
		--t-ligne-4-stand: calc(var(--base-t-ligne-4-stand) * 768px / var(--base-w-background));
		--t-ligne-5-stand: calc(var(--base-t-ligne-5-stand) * 768px / var(--base-w-background));
		--t-ligne-6-stand: calc(var(--base-t-ligne-6-stand) * 768px / var(--base-w-background));
		--t-ligne-7-stand: calc(var(--base-t-ligne-7-stand) * 768px / var(--base-w-background));

		--l-col-1-stand: calc(var(--base-l-col-1-stand) * 768px / var(--base-w-background));
		--l-col-2-stand: calc(var(--base-l-col-2-stand) * 768px / var(--base-w-background));
		--l-col-3-stand: calc(var(--base-l-col-3-stand) * 768px / var(--base-w-background));
		--l-col-4-stand: calc(var(--base-l-col-4-stand) * 768px / var(--base-w-background));
		--l-col-5-stand: calc(var(--base-l-col-5-stand) * 768px / var(--base-w-background));
		--l-col-6-stand: calc(var(--base-l-col-6-stand) * 768px / var(--base-w-background));
		--l-col-7-stand: calc(var(--base-l-col-7-stand) * 768px / var(--base-w-background));
		--l-col-8-stand: calc(var(--base-l-col-8-stand) * 768px / var(--base-w-background));
		--l-col-9-stand: calc(var(--base-l-col-9-stand) * 768px / var(--base-w-background));
		--l-col-10-stand: calc(var(--base-l-col-10-stand) * 768px / var(--base-w-background));
		--l-col-11-stand: calc(var(--base-l-col-11-stand) * 768px / var(--base-w-background));
		--l-col-12-stand: calc(var(--base-l-col-12-stand) * 768px / var(--base-w-background));

	}
}


@media screen and (min-width: 841px) {
	:root {
		--font-size-background:calc(1px * var(--base-font-size-background));
		--w-background:calc(1px * var(--base-w-background));
		--h-background:calc(1px * var(--base-h-background));

		--w-pelouse: calc(1px * var(--base-w-pelouse));
		--h-pelouse: calc(1px * var(--base-h-pelouse));
		--t-pelouse: calc(1px * var(--base-t-pelouse));
		--l-pelouse: calc(1px * var(--base-l-pelouse));

		--w-jardin: calc(1px * var(--base-w-jardin));
		--h-jardin: calc(1px * var(--base-h-jardin));
		--t-jardin: calc(1px * var(--base-t-jardin));
		--l-jardin: calc(1px * var(--base-l-jardin));

		--w-buvette: calc(1px * var(--base-w-buvette));
		--h-buvette: calc(1px * var(--base-h-buvette));
		--t-buvette: calc(1px * var(--base-t-buvette));
		--l-buvette: calc(1px * var(--base-l-buvette));

		--w-scene: calc(1px * var(--base-w-scene));
		--h-scene: calc(1px * var(--base-h-scene));
		--t-scene: calc(1px * var(--base-t-scene));
		--l-scene: calc(1px * var(--base-l-scene));

		--w-limite-pelouse: calc(1px * var(--base-w-limite-pelouse));
		--h-limite-pelouse: calc(1px * var(--base-h-limite-pelouse));
		--t-limite-pelouse: calc(1px * var(--base-t-limite-pelouse));
		--l-limite-pelouse: calc(1px * var(--base-l-limite-pelouse));

		--w-limite-jardin: calc(1px * var(--base-w-limite-jardin));
		--h-limite-jardin: calc(1px * var(--base-h-limite-jardin));
		--t-limite-jardin: calc(1px * var(--base-t-limite-jardin));
		--l-limite-jardin: calc(1px * var(--base-l-limite-jardin));

		--w-restaurant: calc(1px * var(--base-w-restaurant));
		--h-restaurant: calc(1px * var(--base-h-restaurant));
		--t-restaurant: calc(1px * var(--base-t-restaurant));
		--l-restaurant: calc(1px * var(--base-l-restaurant));

		--w-lampadaire: calc(1px * var(--base-w-lampadaire));
		--h-lampadaire: calc(1px * var(--base-h-lampadaire));
		--t-lampadaire: calc(1px * var(--base-t-lampadaire));
		--l-lampadaire: calc(1px * var(--base-l-lampadaire));

		--w-arbre: calc(1px * var(--base-w-arbre));
		--h-arbre: calc(1px * var(--base-h-arbre));

		--t-ligne-1-arbre: calc(1px * var(--base-t-ligne-1-arbre));
		--t-ligne-2-arbre: calc(1px * var(--base-t-ligne-2-arbre));
		--t-ligne-3-arbre: calc(1px * var(--base-t-ligne-3-arbre));
		--t-ligne-4-arbre: calc(1px * var(--base-t-ligne-4-arbre));

		--l-col-1-arbre: calc(1px * var(--base-l-col-1-arbre));
		--l-col-2-arbre: calc(1px * var(--base-l-col-2-arbre));
		--l-col-3-arbre: calc(1px * var(--base-l-col-3-arbre));
		--l-col-4-arbre: calc(1px * var(--base-l-col-4-arbre));
		--l-col-5-arbre: calc(1px * var(--base-l-col-5-arbre));
		--l-col-6-arbre: calc(1px * var(--base-l-col-6-arbre));
		--l-col-7-arbre: calc(1px * var(--base-l-col-7-arbre));
		--l-col-8-arbre: calc(1px * var(--base-l-col-8-arbre));

		--w-stand: calc(1px * var(--base-w-stand));
		--h-stand: calc(1px * var(--base-h-stand));

		--w-stand-legende: calc(1px * var(--base-w-stand-legende));
		--h-stand-legende: calc(1px * var(--base-h-stand-legende));

		--t-ligne-1-stand: calc(1px * var(--base-t-ligne-1-stand));
		--t-ligne-2-stand: calc(1px * var(--base-t-ligne-2-stand));
		--t-ligne-3-stand: calc(1px * var(--base-t-ligne-3-stand));
		--t-ligne-4-stand: calc(1px * var(--base-t-ligne-4-stand));
		--t-ligne-5-stand: calc(1px * var(--base-t-ligne-5-stand));
		--t-ligne-6-stand: calc(1px * var(--base-t-ligne-6-stand));
		--t-ligne-7-stand: calc(1px * var(--base-t-ligne-7-stand));

		--l-col-1-stand: calc(1px * var(--base-l-col-1-stand));
		--l-col-2-stand: calc(1px * var(--base-l-col-2-stand));
		--l-col-3-stand: calc(1px * var(--base-l-col-3-stand));
		--l-col-4-stand: calc(1px * var(--base-l-col-4-stand));
		--l-col-5-stand: calc(1px * var(--base-l-col-5-stand));
		--l-col-6-stand: calc(1px * var(--base-l-col-6-stand));
		--l-col-7-stand: calc(1px * var(--base-l-col-7-stand));
		--l-col-8-stand: calc(1px * var(--base-l-col-8-stand));
		--l-col-9-stand: calc(1px * var(--base-l-col-9-stand));
		--l-col-10-stand: calc(1px * var(--base-l-col-10-stand));
		--l-col-11-stand: calc(1px * var(--base-l-col-11-stand));
		--l-col-12-stand: calc(1px * var(--base-l-col-12-stand));
	}
}

.background {
	position: relative;
	margin: auto;
    background: #f0eeee;
	width: var(--w-background);
    height: var(--h-background);
	border: solid 1px black;
	font-family: Arial, Helvetica, sans-serif;
	font-size:var(--font-size-background);
}

.pelouse, .jardins {
	background: rgb(154, 205, 50);
	position: absolute;
}

.pelouse {
	width: var(--w-pelouse);
	height: var(--h-pelouse);
	top:var(--t-pelouse);
	left: var(--l-pelouse);
}

.jardins {
	width: var(--w-jardin);
	height: var(--h-jardin);
	top:var(--t-jardin);
	left: var(--l-jardin);
}

.buvette, .scene {
	background:  red;
	position: absolute;

}

.buvette {
	width: var(--w-buvette);
	height: var(--h-buvette);
	top:var(--t-buvette);
	left: var(--l-buvette);
}

.scene{
	width: var(--w-scene);
	height: var(--h-scene);
	top:var(--t-scene);
	left: var(--l-scene);

}

.limite-pelouse, .limite-jardin, .restaurant {
	background: black;
	position: absolute;
	

}

.limite-pelouse{
	width: var(--w-limite-pelouse);
	height: var(--h-limite-pelouse);
	top:var(--t-limite-pelouse);
	left: var(--l-limite-pelouse);
}

.limite-jardin{
	width: var(--w-limite-jardin);
	height: var(--h-limite-jardin);
	top:var(--t-limite-jardin);
	left: var(--l-limite-jardin);	
}


.restaurant {
	width: var(--w-restaurant);
	height: var(--h-restaurant);
	top:var(--t-restaurant);
	left: var(--l-restaurant);
	
}

.lampadaire {
	background: yellow;
	position: absolute;
	width: var(--w-lampadaire);
	height: var(--h-lampadaire);
	top:var(--t-lampadaire);
	left: var(--l-lampadaire);
	border: solid 1px black;
}

.arbre {
	background: black;
	width: var(--w-arbre);
	height: var(--h-arbre);
	position: absolute;
}

.arbre-ligne-1 {
	top:var(--t-ligne-1-arbre);
}

.arbre-ligne-2 {
	top:var(--t-ligne-2-arbre);
}

.arbre-ligne-3 {
	top:var(--t-ligne-3-arbre);
}

.arbre-ligne-4 {
	top:var(--t-ligne-4-arbre);
}

.arbre-col-1 {
	left:var(--l-col-1-arbre);
}

.arbre-col-2 {
	left:var(--l-col-2-arbre);
}

.arbre-col-3 {
	left:var(--l-col-3-arbre);
}

.arbre-col-4 {
	left:var(--l-col-4-arbre);
}

.arbre-col-5 {
	left:var(--l-col-5-arbre);
}

.arbre-col-6 {
	left:var(--l-col-6-arbre);
}

.arbre-col-7 {
	left:var(--l-col-7-arbre);
}

.arbre-col-8{
	left:var(--l-col-8-arbre);
}



.stand-libre, .stand-indisponible, .stand-occupe, .stand-choisi {
	width: var(--w-stand);
	height: var(--h-stand);
	border: solid 1px black;
	position: absolute;
	text-align: center;
}

.stand-legende {
	width: var(--w-stand-legende);
	height: var(--h-stand-legende);
	position: absolute;
	text-align: center;
	padding: auto;
	font-weight: bold;
}

.stand-libre{
	background: green;
	color: white;

}

.stand-choisi{
	background: orange;
	color: white;

}

.stand-indisponible {
	background: grey;
	color: black;

}

.stand-occupe {
	background: red;
	color: white;

}

.stand-ligne-1 {
	top:var(--t-ligne-1-stand);
}

.stand-ligne-2 {
	top:var(--t-ligne-2-stand);
}

.stand-ligne-3 {
	top:var(--t-ligne-3-stand);
}

.stand-ligne-4 {
	top:var(--t-ligne-4-stand);
}

.stand-ligne-5 {
	top:var(--t-ligne-5-stand);
}

.stand-ligne-6 {
	top:var(--t-ligne-6-stand);
}

.stand-ligne-7 {
	top:var(--t-ligne-7-stand);
}

.stand-col-1 {
	left:var(--l-col-1-stand);
}

.stand-col-2 {
	left:var(--l-col-2-stand);
}

.stand-col-3 {
	left:var(--l-col-3-stand);
}

.stand-col-4 {
	left:var(--l-col-4-stand);
}

.stand-col-5 {
	left:var(--l-col-5-stand);
}

.stand-col-6 {
	left:var(--l-col-6-stand);
}

.stand-col-7 {
	left:var(--l-col-7-stand);
}

.stand-col-8{
	left:var(--l-col-8-stand);
}

.stand-col-9{
	left:var(--l-col-9-stand);
}


.stand-col-10{
	left:var(--l-col-10-stand);
}

.stand-col-11{
	left:var(--l-col-11-stand);
}

.stand-col-12{
	left:var(--l-col-12-stand);
}