@charset "UTF-8";
/* CSS Document */

/* TOPICS */

#Siteandsurroundings {position: absolute; left: 10%; top: 23rem;}
#Unités {position: absolute; left: 48%; top: 141rem;}
#Commonspaces {position: absolute; left: 75%; top: 171.5rem;}
#Structure {position: absolute; left: 15%; top: 288rem;}
#Typology {position: absolute; left: 46%; top: 318rem;}
#LivingtheUnité {position: absolute; left: 75%; top: 348.5rem;}
#Socialdebates {position: absolute; left: 44%; top: 435rem;}

/* TOPIC - position */

#Siteandsurroundings1 {position: absolute; left: 0%; top: 10rem;}
#Unités1 {position: absolute; left: 0%; top: 119.5rem;}
#Commonspaces1 {position: absolute; left: 0%; top: 150rem;}
#Structure1 {position: absolute; left: 0%; top: 267rem;}
#Typology1 {position: absolute; left: 0%; top: 296.5rem;}
#LivingtheUnité1 {position: absolute; left: 0%; top: 327rem;}
#Socialdebates1 {position: absolute; left: 0%; top: 413.5rem;}

/* Flex box */


		.box {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-around;
			margin-top: 7.5rem;
			margin-left: 5.2rem;
			margin-right: 0rem;
		}

		.item {
			width: calc(33% - 4.5rem);
			min-width: 465px;
			margin-bottom: 4.2rem;
		}

		.offset-1 {
  			width: calc(33% - 4.5rem);
			min-width: 465px;
			margin-bottom: 4.1rem;
		}